1. <!DOCTYPE html>
    2. <html lang="en">
    4. <head>
    5.     <meta charset="UTF-8">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Document</title>
    8. </head>
    10. <body>
    11.     <button id="like">通过好评数排序</button>
    12.     <button id="price">通过价格排序</button>
    13.     <script>
    14.         var like = document.getElementById("like");
    15.         var sales = [
    16.             { name: "张三", like: 60, distance: 1000, price: 10 },
    17.             { name: "李四", like: 30, distance: 100, price: 40 },
    18.             { name: "王五", like: 20, distance: 500, price: 6 },
    19.         ]
    20.         /* 升序 */
    21.         function addOrder(arr, value) {
    22.             if (Array.isArray(arr)) {
    23.                 var res = arr.sort((a, b) => {
    24.                     return a[value] - b[value];
    25.                 })
    26.                 return res;
    27.             }else{
    28.                 return null;
    29.             }
    31.         }
    32.         like.onclick = function () {
    33.             console.log(addOrder(sales, "like"))
    34.         }
    35.         price.onclick = function () {
    36.             console.log(addOrder(sales, "price"))
    37.         }
    40.     </script>
    41. </body>
    43. </html>

    1.PNG