Javascript ES6 - 映射多个数组

Question

JavaScript 6中是否有允许映射多个数组的功能？

像拉链一样的东西:

 var myFn = function (a, b) { console.log(a, b);}
  var arr1 = ['a', 'b', 'c'];
  var arr2 = [1, 2, 3];

  arr1.map(myFn, arr2); // imaginary syntax.
  // prints :
  // a 1
  // b 2
  // c 3

Answer 1

正如另一个答案所指出的,这通常被称为a zip.它可以实现为:

let zipped = arr1.map((x, i) => [x, arr2[i]]);

或者作为一个功能,基本上:

let zip = (a1, a2) => a1.map((x, i) => [x, a2[i]]); 

哪个会让你这样做:

zip(["a","b","c"], [1,2,3]); // ["a", 1], ["b", 2], ["c", 3]

Answer 2

您还可以使用reduce来获得所需的结果：

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

arr1.reduce((acc, current, index) => {
   console.log(current, arr2[index])
   return [...acc, current, arr2[index]]
}, [])

// a 1
// b 2
// c 3
// returns ["a", 1, "b", 2, "c", 3]

Answer 3

很不幸的是,不行.您正在寻找的通常被称为zip或zipWith.请参阅lodash的实现以获取参考:https://lodash.com/docs#zipWith