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

文章目录

一、对象分开成数组：结果:二、对象分为数组对象：结果：三、对象转数组：【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)

如果觉得《【前端】数组转对象/对象转数组：》对你有帮助，请点赞、收藏，并留下你的观点哦！