两个数组里的数据拼接到一个对象

原创于 2024-02-06 18:50:27 发布 · 406 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #linux

本文介绍了如何使用Vue.js中的this.$set方法实现对象属性的动态添加，并展示了reduce函数在JavaScript中用于数组操作，包括创建对象和数组求和的应用。

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

let keys = ['name', 'age'];
let values = ['张三', 18];

将这两个数组里面的数据进行拼接

方法一：this.$set(设置的对象，属性名，属性值)

设置的数据可以实现双向数据

var obj={}
keys.forEach(item=>{
    value.forEach(ele=>{
        this.$set(obj,item,ele)    
})

方法二：reduce

reduce(callbackFunction,initialValue)

callbackfn 是回调函数，它接受四个参数：前一个值（prev）、当前值（current）、当前索引（index）和数组本身（array）

initialValue 是初始值，可选参数。

let res = keys.reduce((prev, next, index, arr) => (prev[next] = values[index], prev), {});

此外 reduce也可以用于数组求和

let arr = [
  { count: 10, num: 3, name: '张三' },
  { count: 2, num: 22, name: '李四' },
  { count: 13, num: 5, name: '王五' },
  { count: 56, num: 4, name: '朱六' },
  { count: 33, num: 12, name: '赵二' }
];
let res = arr.reduce((prev, next) => prev + next.count * next.num, 0);
console.log(res); // 759