广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >使用json对象转化为key,value的对象数组
  • 395
分享到

使用json对象转化为key,value的对象数组

json对象转keyvalue对象数组json对象 2022-11-13 10:11:02 395人浏览 安东尼
摘要

目录JSON对象转为key,value对象数组问题引出解决方式数组转换成json key-value形式eg1(数组中包含的是数组)eg2(数组中包含的是对象)json对象转为key

json对象转为key,value对象数组

问题引出

在某个从后端获取的表格数据中,有一列是对象格式,不能用于直接展示。

解决方式

不直接展示此列,在操作列加一个按钮,点击之后弹窗展示那一列的数据,形式为key和value的两列表格,key为该对象的各个字段名,value为字段值。这就需要将对象转化为key和value形式的对象数组。

代码

const metaData = {"api-type": "apiparser", "management.port": "8101"}
Object.entries(metaData).map(([key, value]) => ({
	key, value
}))

效果

key,value的对象数组转化为json对象

arr.reduce((acc, curr) => {
  acc[curr.key] = curr.value
  return acc
}, {})

函数式


export function mapToJson(MAP, key, value) {
  return Object.keys(MAP).map(item => ({
    [key]: item,
    [value]: MAP[item],
  }))
}

数组转换成json key-value形式

eg1(数组中包含的是数组)

var jsonData = {};
var arr = [[1, 'boy', 'dabing'], [2, 'girl', 'dabing']];
for (var i = 0; i < arr.length; i++) {
    var key = arr[i][1];
    var value = arr[i][2];
    
    jsonData[key] = value;
}
console.log(jsonData['boy'])// 'dabing'

eg2(数组中包含的是对象)

var jsonData = {};
var arr = [ { id: 3, name: 'MAN_MIDDLESCHOOL_STUDENT', value: 'predefine' }, 
            { id: 4, name: 'FEMALE_MIDDLESCHOOL_STUDENT', value: 'predefine' }];
for (var i = 0; i < arr.length; i++) {
    var key = arr[i].name;
    var value = arr[i].value;
    jsonData[key] = value;
}
console.log(jsonData);//{ MAN_MIDDLESCHOOL_STUDENT: 'predefine', FEMALE_MIDDLESCHOOL_STUDENT: 'predefine' }

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: 使用json对象转化为key,value的对象数组

本文链接: https://www.lsjlt.com/news/151820.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 使用json对象转化为key,value的对象数组
    目录json对象转为key,value对象数组问题引出解决方式数组转换成json key-value形式eg1(数组中包含的是数组)eg2(数组中包含的是对象)json对象转为key...
    99+
    2022-11-13
    json对象转key value对象数组 json对象
  • 如何使用json对象转化为key,value的对象数组
    这篇文章主要介绍“如何使用json对象转化为key,value的对象数组”,在日常操作中,相信很多人在如何使用json对象转化为key,value的对象数组问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使...
    99+
    2023-07-02
  • php的对象转json字符串数组对象
    在PHP开发中,对象转换成JSON字符串或者JSON数组对象是一项非常常见的任务。JSON字符串和JSON数组对象都是一种标准的数据交换格式,它们可以在不同的平台和编程语言之间进行数据交换,并且非常易于阅读和解析。本文将介绍PHP中如何将一...
    99+
    2023-05-19
  • JavaScrip将数组转为对象与JSON对象字符串转数组方法详解
    JavaScrip将数组转为对象(JS数组转对象工作经常用) 我想获取一个元素数组,并将它们转换为一个对象。数组中的元素需要是对象的键,带有一些默认的空字符串,作为以后要更改的值。 ...
    99+
    2022-11-13
    JavaScrip数组转对象 JavaScrip JSON对象字符串转数组方法
  • JS对象序列化成json数据和json数据转化为JS对象的示例分析
    小编给大家分享一下JS对象序列化成json数据和json数据转化为JS对象的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧...
    99+
    2022-10-19
    js json
  • php中怎么json值转为数组或对象
    在php中,可使用json_decode()将json数据转为数组或对象类型,语法“json_decode($json,$assoc)”;当参数“$assoc”省略时会将json转为对象,当该参数的值设为“TRUE”时会将json转为数组。...
    99+
    2022-06-14
    php字符串 php
  • php中json值如何转为数组或对象
    这篇文章主要讲解了“php中json值如何转为数组或对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php中json值如何转为数组或对象”吧!在php中,可使用json_decode()将...
    99+
    2023-06-30
  • Json转化为Java对象的实例详解
    Json转化为Java对象的实例详解问题:前后端数据交互时,经常会遇到Json串与Java对象转化的问题,有的Java对象中还包含了List对象等。解决方案: 引入 json-lib包,Maven坐标如下:<dependency>...
    99+
    2023-05-31
    json java对象 ava
  • 怎么用php将对象转化为数组
    PHP是一种面向对象的编程语言,对象是PHP中最基础的数据结构之一,也是最常用的数据类型之一。在PHP中,通常将对象转化为数组是很常见的操作,比如将对象存储到数据库中,或者将对象进行序列化等等。本文将介绍如何将PHP对象转化为数组。1.使用...
    99+
    2023-05-14
    php
  • 如何用php将对象转化为数组
    这篇文章主要介绍了如何用php将对象转化为数组的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何用php将对象转化为数组文章都会有所收获,下面我们一起来看看吧。1.使用get_object_vars()函数PH...
    99+
    2023-07-05
  • php怎么将对象转化为数组
    这篇文章主要介绍了php怎么将对象转化为数组的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇php怎么将对象转化为数组文章都会有所收获,下面我们一起来看看吧。两种方法:1、用json_encode将对象转为jso...
    99+
    2023-06-30
  • php能把对象转化为数组吗
    本文操作环境:windows7系统、PHP7.1版、DELL G3电脑php能把对象转化为数组吗?php 将对象转化为数组说明开发过程中我们会遇到需要将实例化的对象转化为数组的情况例如我想将处理过后的数据进行excel导出但是excel导出...
    99+
    2014-05-30
    php
  • javascript如何将对象转化为数组
    这篇文章将为大家详细讲解有关javascript如何将对象转化为数组,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 转化方法:1、定义一个空数...
    99+
    2022-10-19
    javascript
  • 如何实现JSON字符串转化为PHP对象或数组
    这篇“如何实现JSON字符串转化为PHP对象或数组”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“如何实现JSON字符串转化为...
    99+
    2023-07-05
  • 怎么将PHP对象转换为JSON字符串数组
    本篇内容主要讲解“怎么将PHP对象转换为JSON字符串数组”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么将PHP对象转换为JSON字符串数组”吧!PHP中的JSON函数:PHP提供了一组JS...
    99+
    2023-07-05
  • php中怎么将对象转为json字符串数组
    随着PHP语言的不断完善,处理JSON已成为PHP应用程序中非常常见的任务。这种数据格式既具有可读性,又易于处理和传输,适用于从传统的Web应用程序到REST API等现代技术的各种应用场景。在我们进行PHP开发时,常常需要将对象转化为JS...
    99+
    2023-05-14
  • php怎么将字符串转换为JSON对象数组
    本篇内容介绍了“php怎么将字符串转换为JSON对象数组”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JSON(JavaScript Obj...
    99+
    2023-07-06
  • php中如何将对象转为json字符串数组
    本篇内容介绍了“php中如何将对象转为json字符串数组”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、PHP的JSON函数要实现对象转化...
    99+
    2023-07-06
  • php怎么使用json对象数组
    JSON是一种常见的数据格式,它以一种易于理解的方式表示数据,方便数据的传输和解析。在PHP中,使用JSON对象数组非常方便,可以让我们快速地解析和处理JSON格式的数据。本文将详细介绍PHP如何使用JSON对象数组。一、PHP如何生成JS...
    99+
    2023-05-19
  • 使用PHP的json_encode()函数将数组或对象转换为JSON字符串
    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,已经成为Web应用程序之间数据交换的常用格式。PHP的json_encode()函数可以将数组或对象转换为JSON字符串。本文将介绍如何使用PHP的...
    99+
    2023-11-03
    PHP 数组 对象 json_encode() JSON字符串
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作