Javascript ES6 - ánh xạ nhiều mảng

Question

Có tính năng nào trong JavaScript 6 cho phép ánh xạ trên nhiều mảng không?

Cái gì đó như một dây kéo:

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

Thật không may, không có. Những gì bạn đang tìm kiếm thường được gọi là zip hoặc zipWith. Xem triển khai của lodash để tham khảo: https://lodash.com/docs#zipWith

Answer 2

Như câu trả lời khác chỉ ra, điều này thường được gọi là zip. Nó có thể được thực hiện như:

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

Hoặc như một chức năng, về cơ bản:

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

Trong đó sẽ cho phép bạn làm:

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

Answer 3

Bạn cũng có thể sử dụng reduce để có được những kết quả mong muốn :

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]