js 数据格式转换,对象转数组,数组转对象

1.对象转数组

// 对象obj转换成数组格式

let obj = {

orgCode:'分局编码',

alertId:'告警ID',

name:'告警名称'

}

let arr = []

for(let key in obj) {

console.log(11,key,obj[key]);

// 定义一个对象,赋值

let o = {

id: key, // key是obj对象的键值

label: obj[key] // obj对象的值

}

arr.push(o)

}

console.log(99,arr);

2.数组转对象

let arr1 = [

{

"key": "orgCode",

"label": "分局编码",

"name":'1'

},

{

"key": "alertId",

"label": "告警ID",

"name":'2'

},

{

"key": "name",

"label": "告警名称",

"name":'3'

},

]

// 定义一个通用方法,数组转对象,参数: list 数组数据,name 数据中的键值,如arr1中的key或label或name

function objFunc(list, name) {

if (list && list.length > 0) {

let objs = {};

list.forEach((v) => {

objs[v[name]] = v;

});

console.log(666,objs);

return objs;

}

}

// 调用方法

objFunc(arr1,'label')

相关推荐
清灵xmf几秒前
TypeScript 类型进阶指南
javascript·typescript·泛型·t·infer
小白学大数据7 分钟前
JavaScript重定向对网络爬虫的影响及处理
开发语言·javascript·数据库·爬虫
qq_3901617716 分钟前
防抖函数--应用场景及示例
前端·javascript
3345543244 分钟前
element动态表头合并表格
开发语言·javascript·ecmascript
John.liu_Test1 小时前
js下载excel示例demo
前端·javascript·excel
Yaml41 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事1 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro
哟哟耶耶1 小时前
js-将JavaScript对象或值转换为JSON字符串 JSON.stringify(this.SelectDataListCourse)
前端·javascript·json
getaxiosluo1 小时前
react jsx基本语法,脚手架,父子传参,refs等详解
前端·vue.js·react.js·前端框架·hook·jsx
理想不理想v1 小时前
vue种ref跟reactive的区别?
前端·javascript·vue.js·webpack·前端框架·node.js·ecmascript