题解 | #数组排序#
数组排序
https://www.nowcoder.com/practice/18ea36ef9b0c470e9db7681eced6e8df
{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n </head>\r\n <body>\r\n <button class='up'>销量升序</button>\r\n <button class='down'>销量降序</button>\r\n <ul></ul>\r\n\r\n <script>\r\n var cups = [\r\n { type: 1, price: 100, color: 'black', sales: 3000, name: '牛客logo马克杯' },\r\n { type: 2, price: 40, color: 'blue', sales: 1000, name: '无盖星空杯' },\r\n { type: 4, price: 60, color: 'green', sales: 200, name: '老式茶杯' },\r\n { type: 3, price: 50, color: 'green', sales: 600, name: '欧式印花杯' }\r\n ]\r\n var ul = document.querySelector('ul');\r\n var upbtn = document.querySelector('.up');\r\n var downbtn = document.querySelector('.down');\r\n // 补全代码\r\n\r\n var html = \"\";\r\n for (let index = 0; index < cups.length; index++) {\r\n html += \"<li>\" + cups[index].name + \"</li>\";\r\n\r\n }\r\n\r\n ul.innerHTML = html;\r\n\r\n document.querySelector(\".up\").onclick = function () {\r\n for (let i = 0; i < cups.length; i++) {\r\n for (let j = i + 1; j < cups.length; j++) {\r\n let temp;\r\n if (cups[i].sales > cups[j].sales) {\r\n temp = cups[i];\r\n cups[i] = cups[j];\r\n cups[j] = temp;\r\n }\r\n }\r\n\r\n\r\n }\r\n\r\n var html = \"\";\r\n for (let index = 0; index < cups.length; index++) {\r\n html += \"<li>\" + cups[index].name + \"</li>\";\r\n\r\n }\r\n ul.innerHTML = html;\r\n }\r\n\r\n\r\n document.querySelector(\".down\").onclick = function () {\r\n for (let i = 0; i < cups.length; i++) {\r\n for (let j = i + 1; j < cups.length; j++) {\r\n let temp;\r\n if (cups[i].sales < cups[j].sales) {\r\n temp = cups[i];\r\n cups[i] = cups[j];\r\n cups[j] = temp;\r\n }\r\n }\r\n\r\n\r\n }\r\n\r\n var html = \"\";\r\n for (let index = 0; index < cups.length; index++) {\r\n html += \"<li>\" + cups[index].name + \"</li>\";\r\n\r\n }\r\n ul.innerHTML = html;\r\n }\r\n \r\n </script>\r\n </body>\r\n</html>","css":"/* html, body {\\n\\twidth: 100%;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\tpadding: 0;\\n} */","js":"// 请在这里输入代码"}
