javascript - 如何映射两个不同长度的数组？ (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);