Vue/Js 将两个数组合并生成一个对象数组 并为其添加相应的key值
时间: 2024-01-13 14:05:55 浏览: 258
vue实现将一个数组内的相同数据进行合并
可以使用Vue/Js中的map函数来实现将两个数组合并生成一个对象数组,并为其添加相应的key值。示例代码如下:
```javascript
let arr1 = ['apple', 'banana', 'cherry'];
let arr2 = [10, 20, 30];
let result = arr1.map((item, index) => {
return {name: item, value: arr2[index]};
});
console.log(result);
```
输出结果为:
```javascript
[
{name: 'apple', value: 10},
{name: 'banana', value: 20},
{name: 'cherry', value: 30}
]
```
在这个示例中,我们使用了map函数来遍历arr1数组,并在每个元素上执行一个函数,该函数将当前元素和arr2数组中相同索引的元素合并成一个对象,并添加了相应的key值。最终返回的结果是一个新的对象数组。
阅读全文