Vue/Js 中两个相同的数组,合并生成一个数组,并为其添加相应的key值
时间: 2024-02-16 22:05:02 浏览: 58
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值。最终返回的结果是一个新的对象数组。
阅读全文