• JavaScript中数组Array.sort()排序方法


    JavaScript中数组的sort()方法主要用于对数组的元素进行排序。

    其中,sort()方法有一个可选参数。但是,此参数必须是函数。

    数组在调用sort()方法时,如果没有传参将按字母顺序(字符编码顺序)对数组中的元素进行排序,

    如果想按照其他标准进行排序,就需要进行传一个参数且为函数,该函数要比较两个值,并且会返回一个用于说明这两个值的相对顺序的数字。

    对数字数组进行由小到大的顺序进行排序。

    var arr = [22,12,3,43,56,47,4];
    arr.sort();
    console.log(arr); // [12, 22, 3, 4, 43, 47, 56]
    arr.sort(function (m, n) {
     if (m < n) return -1
     else if (m > n) return 1
     else return 0
    });
    console.log(arr); // [3, 4, 12, 22, 43, 47, 56]

    对字符串数组执行不区分大小写的字母表排序。

    var arr = ['abc', 'Def', 'BoC', 'FED'];
    console.log(arr.sort()); // ["BoC", "Def", "FED", "abc"]
    console.log(arr.sort(function(s, t){
     var a = s.toLowerCase();
     var b = t.toLowerCase();
     if (a < b) return -1;
     if (a > b) return 1;
     return 0;
    })); // ["abc", "BoC", "Def", "FED"]

    对包含对象的数组排序,要求根据对象中的年龄进行由大到小的顺序排列

    var arr = [{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '王五', age: 37},{'name': '赵六', age: 4}];
    var objectArraySort = function (keyName) {
     return function (objectN, objectM) {
      var valueN = objectN[keyName]
      var valueM = objectM[keyName]
      if (valueN < valueM) return 1
      else if (valueN > valueM) return -1
      else return 0
     }
    }
    arr.sort(objectArraySort('age'))
    console.log(arr) // [{'name': '王五', age: 37},{'name': '张三', age: 26},{'name': '李四', age: 12},{'name': '赵六', age: 4}]
    
     

    对一个对象数组,要求按字符A-Z排序

    var a=[{'p':'S5','id':'21'},{'p':'S1','id':'12'},{'p':'Y1','id':'3'},{'p':'R1','id':'14'},{'p':'A1','id':'5'},{'p':'C1','id':'16'},{'p':'A2','id':'1'}];
    console.log(a.sort(function(s, t){
    var a = s.p.toLowerCase();
    var b = t.p.toLowerCase();
    if (a < b) return -1;
    if (a > b) return 1;
    return 0;
    })); 
    

    //(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]
    0: {p: "A1", id: "5"}
    1: {p: "A2", id: "1"}
    2: {p: "C1", id: "16"}
    3: {p: "R1", id: "14"}
    4: {p: "S1", id: "12"}
    5: {p: "S5", id: "21"}
    6: {p: "Y1", id: "3"}


     

     
    https://www.iwmyx.cn/javascriptzszarraysort.html

  • 相关阅读:
    【centos6.5 安装 node.js + npm】
    【钉钉PC】PC端钉钉清除缓存
    【laravel5.4】中jquery的post Ajax提交
    python 设计模式之中介者模式
    python 设计模式之备忘录模式
    python 设计模式之观察者模式
    python 设计模式之策略模式
    23种设计模式有哪些,不带定义,不带例子
    python 设计模式之模板方法模式
    python 设计模式之访问者模式
  • 原文地址:https://www.cnblogs.com/star8521/p/14681002.html
Copyright © 2020-2023  润新知