Vue 2个map组合

Vue.js 中的 map 函数通常用于数组操作，它结合了 JavaScript 的 Array.prototype.map() 方法，并提供了一些便利的特性。当你需要将两个数组映射成新的数组并合并它们的内容时，可以使用 `map()` 结合数组的其他方法，如 concat() 或 push()。

例如，假设你有两个数组 arr1 和 arr2：

let arr1 = ['a', 'b', 'c'];
let arr2 = [1, 2, 3];

// 首先对两个数组分别进行映射处理
let mappedArr1 = arr1.map(item => item * 2); // ['aa', 'bb', 'cc']
let mappedArr2 = arr2.map(num => num + 'd'); // ['1d', '2d', '3d']

// 然后你可以选择直接将它们连接起来
let combinedArr = mappedArr1.concat(mappedArr2); // ['aa', 'bb', 'cc', '1d', '2d', '3d']

// 或者直接在一个新数组里交替添加
let combinedArrAlt = [];
for(let i = 0; i < Math.max(arr1.length, arr2.length); i++) {
  if(i < arr1.length) combinedArrAlt.push(mappedArr1[i]);
  if(i < arr2.length) combinedArrAlt.push(mappedArr2[i]);
}

// 结果都是相同的
console.log(combinedArrAlt); // ['aa', 'bb', 'cc', '1d', '2d', '3d']