Vue/Js 中两个相同的数组，合并生成一个数组，并为其添加相应的key值

如果是两个相同的数组，可以使用Vue/Js中的map函数和对象解构来实现将两个数组合并并为其添加相应的key值。示例代码如下：

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);

输出结果为：

[
  {name: 'apple', value: 10},
  {name: 'banana', value: 20},
  {name: 'cherry', value: 30}
]

在这个示例中，我们使用了map函数遍历arr1数组，并在每个元素上执行一个函数，该函数将当前元素和arr2数组中相同索引的元素解构成一个新的对象，并添加了相应的key值。最终返回的结果是一个新的对象数组。

相关问题

Vue/Js 将两个数组合并生成一个对象数组 并为其添加相应的key值

可以使用Vue/Js中的map函数来实现将两个数组合并生成一个对象数组，并为其添加相应的key值。示例代码如下：

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);

输出结果为：

[
  {name: 'apple', value: 10},
  {name: 'banana', value: 20},
  {name: 'cherry', value: 30}
]

在这个示例中，我们使用了map函数来遍历arr1数组，并在每个元素上执行一个函数，该函数将当前元素和arr2数组中相同索引的元素合并成一个对象，并添加了相应的key值。最终返回的结果是一个新的对象数组。