题解 | #数组排序#
数组排序
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);
}
};
