题解 | #数组排序#

      var cups = [
        {
          type: 1,
          price: 100,
          color: "black",
          sales: 3000,
          name: "牛客logo马克杯",
        },
        { type: 2, price: 40, color: "blue", sales: 1000, name: "无盖星空杯" },
        { type: 4, price: 60, color: "green", sales: 200, name: "老式茶杯" },
        { type: 3, price: 50, color: "green", sales: 600, name: "欧式印花杯" },
      ];
      var ul = document.querySelector("ul");
      var upbtn = document.querySelector(".up");
      var downbtn = document.querySelector(".down");
      //   销售升序
      upbtn.onclick = function () {
        cups = cups.sort((a, b) => a.sales - b.sales);
        createList(cups);
      };
      //   销售降序
      downbtn.onclick = function () {
        cups = cups.sort((a, b) => b.sales - a.sales);
        createList(cups);
      };
      // 生成li函数
      const createList = (array) => {
        // 先清空ul
        ul.innerHTML = "";
        for (const key in array) {
          const li = document.createElement("li");
          li.innerHTML = array[key].name;
          ul.appendChild(li);
        }
      };