题解 | #数组排序#

数组排序

https://www.nowcoder.com/practice/18ea36ef9b0c470e9db7681eced6e8df

      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);
        }
      };

全部评论

相关推荐

评论
点赞
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务