Vue 将数组的字段取出组成key:value形式的对象+key:value 形式的对象组成数组

最新推荐文章于 2023-12-24 19:31:53 发布

原创最新推荐文章于 2023-12-24 19:31:53 发布 · 5.7k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端同时被 3 个专栏收录

40 篇文章

订阅专栏

小知识

32 篇文章

订阅专栏

vue

31 篇文章

订阅专栏

本文介绍了如何将数组中key-value对转换为对象并反向操作，包括使用forEach遍历数组和Object.keys()方法实现对象转数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.将数组的字段取出组成key:value形式的对象

let list = [
  { key: 'php', value: '1' },
  { key: 'asp', value: '2' },
  { key: 'aspx', value: '3' },
  { key: 'jsp', value: '4' }
]
let header = {}
list.forEach(({ key, value }) => header[key] = value);

打印出来，就是key:value 的格式：
在这里插入图片描述

2.key:value 形式的对象组成数组

let list = []
let header = {
  'php': '1',
  'asp': '2',
  'aspx': '3'
}
Object.keys(header).some((key) => {
  list.push({ key: key, value: header[key] })
})