题解 | 数组排序
数组排序
https://www.nowcoder.com/practice/18ea36ef9b0c470e9db7681eced6e8df
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<button class="up">销量升序</button>
<button class="down">销量降序</button>
<ul></ul>
<script>
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");
// 补全代码
cups.forEach((item, index) => {
let li = document.createElement("li");
li.id = item.type;
li.textContent = item.name;
ul.appendChild(li);
});
upbtn.onclick = () => {
cups.sort((a, b) => {
return a.sales - b.sales;
});
// console.log("ddd");
ul.textContent = "";
cups.forEach((item, index) => {
let li = document.createElement("li");
li.id = item.type;
li.textContent = item.name;
ul.appendChild(li);
});
};
downbtn.onclick = () => {
cups.sort((a, b) => {
return b.sales - a.sales;
});
// console.log("ddd");
ul.textContent = "";
cups.forEach((item, index) => {
let li = document.createElement("li");
li.id = item.type;
li.textContent = item.name;
ul.appendChild(li);
});
};
</script>
</body>
</html>
