题解 | #数组排序#

数组排序

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' onclick='up()'>销量升序</button>\r\n        <button class='down' onclick='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            var arr=[]\r\n            var arr0=[]\r\n            cups.forEach((item)=>{\r\n                arr.push({sales:item.sales,name:item.name})\r\n                  arr0.push({sales:item.sales,name:item.name})\r\n            })\r\n\r\n            arr.sort((a,b)=>{\r\n                return a.sales>b.sales?-1:1\r\n            })\r\n\r\n              arr0.sort((a,b)=>{\r\n               return a.sales>b.sales?1:-1\r\n            })\r\n\r\nfunction up(){\r\n ul.innerHTML=''\r\n    arr0.forEach((item,index)=>{\r\n         let li=document.createElement('li')\r\n    li.innerHTML=`${arr0[index].name}`\r\n    ul.appendChild(li)\r\n    })\r\n   \r\n}\r\n\r\nfunction down(){\r\n     ul.innerHTML=''\r\n    arr.forEach((item,index)=>{\r\n           let li=document.createElement('li')\r\n    li.innerHTML=`${arr[index].name}`\r\n    ul.appendChild(li)\r\n    })\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":"// 请在这里输入代码"}

全部评论

相关推荐

提前批过程记录base上海
投递拼多多集团-PDD等公司10个岗位
点赞 评论 收藏
分享
07-28 16:10
门头沟学院 Java
连笔试都没有就直接挂了&nbsp;这是学历厂吗两段大厂实习一段中厂一点机会都没有吗真的很难绷
xiaolihuam...:校招挂了,然后反手给我捞了个社招
投递虾皮信息等公司10个岗位
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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