JavaScript数组嵌套对象排序实战：sort()与localeCompare()详解

let arr = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Bob', age: 30 },
  { id: 3, name: 'Mary', age: 30 },
  { id: 4, name: 'Tom', age: 20 }
];

arr.sort(function(a, b) {
  if (a.age < b.age) {
    return -1;
  }
  if (a.age > b.age) {
    return 1;
  }
  
  // 年龄相同的情况下，按照 id 排序 
  if (a.id < b.id) {
    return -1;
  }
  if (a.id > b.id) {
    return 1;
  }

  return 0;
});

console.log(arr);

var arr = [
 {name:'大', age:5},
 {name:'剑', age:18},
 {name:'师', age:8},
];

// 排序方法
function compare(property) {//property:根据什么属性排序
 return function(a,b){
  var value1 = a[property];
  var value2 = b[property];
      // value2 - value1; ——> 降序
      // value1 - value2; ——> 升序
  return value1 - value2;//升序排序
 }
}

console.log(arr.sort(compare('age')))

let arr = [
  { name: "张三", age: 20 },
  { name: "李四", age: 25 },
  { name: "王五", age: 22 }
];

// 按年龄升序排序
arr.sort((a, b) => a.age - b.age);
console.log(arr);
/*
[
  { name: "张三", age: 20 },
  { name: "王五", age: 22 },
  { name: "李四", age: 25 }
]
*/

// 按姓名升序排序
arr.sort((a, b) => a.name.localeCompare(b.name));
console.log(arr);
/*
[
  { name: "张三", age: 20 },
  { name: "李四", age: 25 },
  { name: "王五", age: 22 }
]
*/