当前位置：网站首页>js商品总价格、最高价格商品、排除重复商品[初版]

js商品总价格、最高价格商品、排除重复商品[初版]

2022-08-02 16:12:00 【编程小橙子】

javascript-illustration.png

实现商品总价格、最高价格商品、排除重复商品

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>
<script>
  let card = [
    { name: "huawei", price: 6000 },
    { name: "iphone", price: 8000 },
    { name: "nox", price: 2400 },
    { name: "ipad", price: 1650 },
    { name: "ipad", price: 1650 },
    { name: "xiaomi", price: 2300 },
    { name: "xiaomi", price: 2300 },
  ];
  // 商品总价
  function countPrice(count) {
    return count.reduce((pre, cur) => {
      return (pre += cur.price);
    }, 0);
  }
  let count_price = countPrice(card);
  console.log(count_price); //20350
  // 最高价格商品
  function maxPrice(max) {
    return max.reduce((pre, cur) => {
      return pre.price > cur.price ? pre : cur;
    });
  }
  let max_price = maxPrice(card);
  console.log(max_price); // {name: "iphone", price: 8000}
  // 过滤重复商品
  function filterCard(filt) {
    return filt.reduce((pre, cur) => {
      let find_card = pre.find((k) => k.name == cur.name);
      if (!find_card) pre.push(cur);
      return pre;
    }, []);
  }
  let filter_card = filterCard(card);
  console.log(
    filter_card
  ); /*
      [{name: "huawei", price: 6000},
      {name: "iphone", price: 8000},
      {name: "nox", price: 2400},
      {name: "ipad", price: 1650},
      {name: "xiaomi", price: 2300}]
    */
</script>