深入探密Javascript数组方法

在JavaScript中，数组可以使用Array构造函数来创建，或使用[]快速创建，这也是首选的方法。数组是继承自Object的原型，并且他对typeof没有特殊的返回值，他只返回'object'。

1. Array.prototype.slice方法
数组的 slice 方法通常用来从一个数组中抽取片断。不过，它还有将“类数组”(比如arguments和​HTMLCollection​)转换为真正数组的本领。

代码如下:
 var nodesArr = Array.prototype.slice.call(document.forms);
 var argsArr = Array.prototype.slice.call(arguments);

我就好奇了为什么数组的slice方法有这样的本领，它在javascript引擎中是如何实现的？slice的兄弟方法有没有这样的本领？

带着好奇心，下载Google的V8 javascript引擎源码到本地，V8源码的下载地址：https://github.com/v8/v8。

在v8-master/src/array.js中查找“Array.prototype.slice”：

代码如下:
function ArraySlice(start, end) {
  CHECK_OBJECT_COERCIBLE(this, "Array.prototype.slice");
  ...
  var result = []; // 这句是关键
  if (end_i < start_i) return result;
  if (UseSparseVariant(array, len, IS_ARRAY(array), end_i - start_i)) {
     ...
    SparseSlice(array, start_i, end_i - start_i, len, result);
  } else {
    SimpleSlice(array, start_i, end_i - start_i, len, result);
  }
  ...
  return result;

接着猜想调用“类数组”走的应该是SimpleSlice方法，然后在源码查找“SimpleSlice“，发现Array.prototype.splice源码中也调用了SimpleSlice方法，且结果变量也初始化为空数组。不过，想用splice方法把“类数组”转化为真正数组，必须要传入起始位置参数为0，即：

代码如下:
 var nodesArr = Array.prototype.splice.call(document.forms, 0);

因为它的实现原理就是将被删除的数组项组成新数组。感兴趣的童鞋可以看下Array.prototype.splice的源码实现。
此外，slice还可以克隆一个数组：

代码如下:
 var arr = [1, 2, 3];
 var cloneArr = arr.slice(); // cloneArr:  [1, 2, 3]

2. Array.prototype.push 方法
使用 push方法可以合并数组：

代码如下:
 var arr1 = [1, 'str', {name: 'lang'}];
 var arr2 = [2, 'ing'];
 Array.prototype.push.apply(arr1, arr2);
 // 返回结果：[1, "str", {name: 'lang'}, 2, "ing"]

3. Array.prototype.sort 方法
先上代码：

代码如下:
var arr = ['1', '2', '10', '12'];
arr.sort();
// 返回结果：["1", "10", "12", "2"]

上面的结果通常不是我们想要的，那么如何按数值大小排序：

代码如下:
arr.sort(function(a, b) {
  return a - b;