Javascript中的sort()语法浅谈

MDN中sort定义

MDN中是这样介绍sort()函数的：sort() 方法对数组的元素做原地的排序，并返回这个数组。 sort 可能不是稳定的。默认按照字符串的Unicode码位点（code point）排序。

arr.sort([compareFunction])

语法说明

compareFunction
可选。用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的诸个字符的Unicode位点进行排序。
简单示例：

var tt = [23,12,34,1,560];
console.log(tt.sort()); //此时sort()内没有参数
//输出为 [1, 12, 23, 34, 560]

简单的说，sort() 在没有参数时，返回的结果是按升序来排列的。即字符串的Unicode码位点（code point）排序。
如果指明了 compareFunction(a,b) ，那么数组会按照调用该函数的返回值排序。记 a 和 b 是两个将要被比较的元素：

• 如果 compareFunction(a, b) (返回的值)小于 0 ，那么 a 会被排列到 b 之前，即参数a,b的顺序保存原样；

• 如果 compareFunction(a, b) (返回的值) 等于 0 ， a 和 b 的相对位置不变。备注： ECMAScript 标准并不保证这一行为，而且也不是所有浏览器都会遵守（例如 Mozilla 在 2003 年之前的版本）；

• 如果 compareFunction(a, b) (返回的值)大于 0 ， b 会被排列到 a 之前。即交换参数a,b的顺序

• compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果，否则排序的结果将是不确定的。

一个栗子

Codewars上有这样一道kata，是这样的：给定一个包含对象的数组list和一个比较关键字sortBy(数组中对象的值总为数值，比较关键字总是存在，且是对象的某一个键)，返回一个降序排序后的数组。
解决方案是这样的：

function sortList (sortBy, list) {
  return list.sort(function(a,b){
    return b[sortBy]-a[sortBy]
  });
}

---

Note

写给与我一样的初学者：
问题是上面的函数为什么不这样写：return b.a-a.b 我们这样尝试一下：

function sortList (sortBy, list) {
  return list.sort(function(a,b){
      console.log(sortBy);//输出为b
      console.log(a.sortBy);//输出为undefined
      console.log(a[sortBy]);//输出为3,2,40
    return b[sortBy]-a[sortBy]
  });
}
sortList('b',[
  {a: 1, b: 3},
  {a: 3, b: 2},
  {a: 2, b: 40},
  {a: 4, b: 12}
]);

实际上，变量sortBy 的值为b,但在代码a.sortBy 中，sortBy的值并没有引用，sortBy被认为是a对象的一个属性，但a对象实际并没有sortBy这个属性，所以该代码会输出为undefined,因此我们要访问这类属性，应该写成a[sortBy]的代码。
在这里，sortBy是一个变量名，如果变量名为某对象的属性，则只能通过[]运算符进行对象属性的访问。

---

（待续）

转载于:https://www.cnblogs.com/xihe/p/6138612.html