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')

相关推荐
双河子思1 分钟前
自动化控制逻辑建模方法
前端·数据库·自动化
wsad05324 分钟前
Vue.js 整合传统 HTML 项目:注册页面实战教程
前端·vue.js·html
XXYBMOOO6 分钟前
Flarum 主题定制:从零打造你的赛博朋克/JOJO 风格社区(含全套 CSS 源码)
前端·css
升鲜宝供应链及收银系统源代码服务15 分钟前
升鲜宝生鲜配送供应链管理系统生产加工子模块的详细表设计说明
java·大数据·前端·数据库·bootstrap·供应链系统·生鲜配送
行者-全栈开发16 分钟前
43 篇系统实战:uni-app 从入门到架构师成长之路
前端·typescript·uni-app·vue3·最佳实践·企业级架构
泉城老铁17 分钟前
一分钟搞定SpringBoot+Vue3 整合 SSE 实现实时消息推送
前端·vue.js·后端
踩着两条虫19 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(五):核心概念之项目结构与文件组织
前端·vue.js·ai编程
HelloReader21 分钟前
Flutter 隐式动画两行代码让方块丝滑变色(七)
前端
木斯佳22 分钟前
前端八股文面经大全:X transfer前端一面(2026-03-10)·面经深度解析
前端·状态模式
Pu_Nine_923 分钟前
深入理解 ES6 Map 数据结构:从理论到实战应用
前端·javascript·数据结构·es6