【前端】数组转对象/对象转数组：

文章目录

一、对象分开成数组：
- 结果:
二、对象分为数组对象：
- 结果：
三、对象转数组：
- 【1】需求
- 【2】解决

一、对象分开成数组：

let keyArr= [], valueArr = []
for (let item in res.data.data) {   //for...in遍历对象keyArr.push(item)  //key数组valueArr.push(res.data.data[item]) //value数组
}

结果:

二、对象分为数组对象：

let echartArr=[]
for (let i in res.data.data) {let obj = {}obj.name = i;//i是属性名，也就是我们常说的keyobj.value = res.data.data[i];//objs[i]是属性值，也就是我们常说的valueechartArr.push(obj);
}

结果：

三、对象转数组：

【1】需求

let arr = [{label: '男', value: 0},{label: '女', value: 1}]
// 转换为
let obj = {0:'男', 1:'女'}

【2】解决

法一：

使用数组的forEach方法遍历数组
定义一个空对象
将遍历得到的每一个对象中的value值当做新对象的key,label的值当做新对象的值
循环结束后将obj的值返回给调用者即可

let arr = [{label: '男', value: 0},{label: '女', value: 1}]let obj = {}
arr.forEach(item => {obj[item.value] = item.label
})
console.log('数组forEach方法', obj)

法二：

使用数组的forEach方法遍历数组
定义一个空对象
将遍历得到的每一个对象中的value值当做新对象的key,label的值当做新对象的值
循环结束后将obj的值返回给调用者即可

let arr = [{label: '男', value: 0},{label: '女', value: 1}]function arrToObj(arr){return arr.reduce((obj,item) => {obj[item.value] = item.labelreturn obj},{})
}
const obj2 = arrToObj(arr)

【前端】数组转对象/对象转数组：相关推荐

广州蓝景分享—前端开发JavaScript中的Array对象与其他数组
各位小伙伴好,今天我们广州蓝景与大家分享一些前端技术知识. JavaScript中的Array对象与其他编程语言中的数组一样,可以将多个项目的集合存储在单个变量名下,并具有用于执行常见数组操作的成员. ...
前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍...
昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...
前端：JS/20/数组（数组的概念，数组元素，数组索引，数组元素的访问，数组的长度，数组的创建方法，数组的操作，实例：使用数组保存个人信息，实例：求数组所有值的平均值，数组对象的length属性）
数组 1,数组的概念一组值(或对象)的集合,称为"数组": var arr =[10,20,30,50]; var arr =["张三","男&qu ...
js 声明数组和向数组中添加对象变量 [前端学习第七节]
转载文章:http://blog.csdn.net/icanlove/article/details/40818559 数组有四种定义的方式使用构造函数: var a = new Array() ...
python 全栈开发，Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)...
昨日内容回顾 1.三种引入方式1.行内js <div onclick = 'add(3,4)'></div>//声明一个函数function add(a,b){}2.内接js& ...
doctrine find的对象转换成数组_「ES6基础」Array数组的新方法（上）
在日常工作中我们经常会与数组打交道,因此需要熟练掌握数组操作的相关方法,ES6中关于数组的操作,又给我们带来了哪些惊喜呢,Array数组操作又添加了哪些新方法? 本篇文章将从以下几个方面进行介绍: A ...
js合并同类数组里面的对象_通过同类群组保留估算客户生命周期价值
js合并同类数组里面的对象 This is Part I of the two-part series dedicated to estimating customer lifetime value. ...
freemarker 数组转字符串_TypeScript 实战算法系列（一）：实现数组栈与对象栈
本文由图雀社区认证作者神奇的程序员写作而成,图雀社区将连载其TypeScript 实战算法系列,点击阅读原文查看作者的掘金链接,感谢作者的优质输出,让我们的技术世界变得更加美好? 前言栈作为一种 ...
#JavaScript#对象数组排序、数组裁剪
问题描述:有一个对象数组,该对象有个属性level,值可能为"重要"."中等"."普通",从后端获取这个对象数组后,需要将其按照它的重要程度 ...

【前端】数组转对象/对象转数组：

文章目录

一、对象分开成数组：

结果:

二、对象分为数组对象：

结果：

三、对象转数组：

【1】需求

【2】解决

【前端】数组转对象/对象转数组：相关推荐

最新文章

热门文章