如何映射兩個不同長度的數組？ （JavaScript）的

Question

因此，我有兩個包含價格的數組。 一個是底價，其他是添加劑

  const fees = [{ price: 5, title: "normal tarif" }, { price: 2.5, title: "coupon" }]; const extras = [{ price: 2.00, title: "Extra natchos" }, { price: 2.00, title: "Extra sauce" }, { price: 3.00, title: "Extra spicy" }]; const combinedArray = fees.map((x, i) => [x.price, x.price + extras[i].price]); console.log(combinedArray); 

現在，我需要將它們重新映射到一個新的數組中，這會將它們的價格加在一起，但是，我目前擁有的代碼僅能達到第一個數組中元素的數量。

我如何才能使它也能映射第二個數組中的所有元素？

Answer 1

您可以將給定數組的所有價格相加，然后返回一個包含每個數組總和的新數組。

 var fees = [{ price: 5, title: "normal tarif" }, { price: 2.5, title: "coupon" }], extras = [{ price: 2.00, title: "Extra natchos" }, { price: 2.00, title: "Extra sauce" }, { price: 3.00, title: "Extra spicy" }], prices = [fees, extras] .map(a => a .map(({ price }) => price) .reduce((a, b) => a + b, 0)); console.log(prices); 

Answer 2

要將兩個陣列合並為一個，需要執行更多操作。 這是示例代碼：

 const fees = [{ price: 5, title: "normal tarif" }, { price: 2.5, title: "coupon" }]; const extras = [{ price: 2.00, title: "Extra natchos" }, { price: 2.00, title: "Extra sauce" }, { price: 3.00, title: "Extra spicy" }]; const combinedArray = [].concat(...fees.map(fee => extras.map(extra => fee.price + extra.price))); console.log(combinedArray); 

內部部分通過將每個fee映射到fee和extra數組來創建二維數組， [].concat(...array2D)部分將其轉換為一維數組。