数组中指定一组键值，分装成一个对象

原创已于 2023-03-31 11:11:43 修改 · 96 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2023-03-18 16:06:16 首次发布

技术摘要专栏收录该内容

1 篇文章

订阅专栏

文章展示了如何将一个包含字段名和对应值的数组转换成一个新的对象，使用了`Object.assign`方法进行对象合并。数组中的每个元素包含`field`和`value`属性，最终结果是将这些字段映射到对应的值上。

   // 定义一个数组
   let arr = [{
                   field: 'appName',
                   label: 'app名称',
                   value: 10,
                   describe: '易购'
                },
                {
                    field: 'appClassify',
                    label: 'app分类',
                    value: 20,
                    describe: '购物类'
                },
                {
                    field: 'appBenefit',
                    label: 'app效益',
                    value: 30,
                    describe: '良好',
                }]
      let newObj = {} // 定义一个对象
      for (let val of arr) {
          let obj = {
             [val.field]: val.value
           }
                // 使用Object.assign方法
           newObj = Object.assign({}, newObj, obj)
       }
       // 输出结果
       console.log('newObj', newObj);

输出结果，如下图所示：