JavaScript 数组排序：按字母顺序对数组某个属性进行排序

最新推荐文章于 2023-01-07 19:29:46 发布

原创最新推荐文章于 2023-01-07 19:29:46 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，只为分享而编，欢迎各位学习以及转载。

文章标签：

#javascript

javascript 专栏收录该内容

125 篇文章

订阅专栏

本文介绍JavaScript中数组排序方法sort()的使用，特别是如何通过自定义排序函数实现根据对象属性进行升序或降序排列。提供了具体示例代码，展示了如何对包含姓名属性的数组对象进行排序。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数组排序</h1>

<p>sort() 方法按字母顺序对数组进行排序。</p>

<button onclick="myFunction()">试一试</button>

<p id="demo"></p>

<script>


var arr = [
    {name:'a',age:0},
    {name:'b',age:18},
    {name:'d',age:8},
    {name:'c',age:8},
    {name:'A',age:0},
    {name:'C',age:18},
    {name:'D',age:8},
    {name:'B',age:8}
];


/**数组根据数组对象中的某个属性值进行排序的方法 
     * 使用例子：newArray.sort(sortBy('number',false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序
     * @param attr 排序的属性 如number属性
     * @param rev true表示升序排列，false降序排序
     * */
function sortBy(attr,rev){
    //第二个参数没有传递 默认升序排列
    if(rev ==  undefined){
      rev = 1;
    }else{
      rev = (rev) ? 1 : -1;
    }

    return function(a,b){
      a = a[attr];
      b = b[attr];
      if(a < b){
        return rev * -1;
      }
      if(a > b){
        return rev * 1;
      }
      return 0;
    }
  }

document.getElementById("demo").innerHTML =JSON.stringify(arr.sort(sortBy('name',true)))

</script>

</body>
</html>