使用 JavaScript 创建产品分类系统

Question

我将如何使用 JavaScript 创建产品分类系统

我有这个数组：

let products = [
      {
        productName: "Product1",
        price: 40
      },
      {
        productName: "Product2",
        price: 50
      },
      {
        productName: "Product3",
        price: 20
      },
      {
        productName: "Product4",
        price: 10
      },
      {
        productName: "Product5",
        price: 10
      },
      {
        multiple other products with prices
      },
];

我想按价格对产品进行排序，让价格最低的产品显示在页面顶部，价格最高的产品显示在页面底部。我该怎么做？

Answer 1

您可以将回调传递给减去价格的Array#sort。

let products = [
      {
        productName: "Product1",
        price: 40
      },
      {
        productName: "Product2",
        price: 50
      },
      {
        productName: "Product3",
        price: 20
      },
      {
        productName: "Product4",
        price: 10
      },
      {
        productName: "Product5",
        price: 10
      },
];
products.sort((a, b) => a.price - b.price);
console.log(products);