js数组按大小排序(这2种方法掌握下)

 分类:js知识时间:2022-09-17点击:

在前端工作中遇到一个问题,在前端页面上,想把一个js数组中的元素按照自己想要的顺序排序,js数组按大小排序研究了一下,收集了以下2种方法:

方法1:想要按照年龄的大小来排序,可以用sort方法

var obj=[
{name:"张三",age:12},
{name:"李四",age:13},
{name:"王五",age:18},
{name:"张柳",age:11},
{name:"李强",age:33}];

function sortab(data){
   return  function(obj1,obj2){
       var value1=obj1[data];
       var value2=obj2[data];
       if(value2<value1){
          return 1       
       }else if(value2>value1){              
           return -1     
       }else{            
          return 0 
       }
    }
} 
obj.sort(sortab("age"))
console.log(obj)  
//[{name: "张柳", age: 11},{name: "张三", age: 12},{name: "李四", age: 13},{name: "王五", age: 18},{name: "李强", age: 33}] 

方法2:

var objs = [
    {'name': 'A', 'type': 'fly'},
    {'name': 'B', 'type': 'blur'},
    {'name': 'C', 'type': 'wipe'},
    {'name': 'D', 'type': 'cube'},
    {'name': 'E', 'type': 'iris'},
    {'name': 'F', 'type': 'fade'}
];
  
objs.sort(function(a,b){
    // order是规则bai  objs是需要排序的数du组    
    var order = ["wipe", "fly", "iris", "flip", "cube",
        "blur", "zoom", "fade", "glow", "rotate"];
    return order.indexOf(a.type) - order.indexOf(b.type);
});
  // 根据规则排序后zhi新的数组var result = objs.map(function(a){
    return a['name'];
});


除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: