这段代码有什么问题

Question

var arrayMethods = [
    'push',
    'pop',
    'shift',
    'unshift',
    'splice',
    'sort',
    'reverse'
];

var arrayAugmentations = [];

arrayMethods.forEach(function (item) {
    var originalMethod = Array.prototype[item];

    arrayAugmentations[item] = function () {
        return originalMethod.apply(this, arguments)
    }

});

console.log(arrayAugmentations.length);//为什么是0？

Answer 1

arrayAugmentations[item] = function () {
    return originalMethod.apply(this, arguments)
}

这段, 相当于是在 arrayAugmentations 这个数组实例上添加方法了,
而不是把这个函数推到数组里, 当成数组成员.

Answer 2

代码中arrayAugmentations被定义为数组，全过程又没有push操作，当然length为0。

从程序意图上看，arrayAugmentations应定义为对象。

var arrayAugmentations = {};

Answer 3

你没搞清楚forEach回调函数的每个参数
看看Array.prototype.forEach

你这里的item指的是arrayMethods数组中的每一项成员

arrayMethods.forEach(function (item, index) {
    var originalMethod = Array.prototype[item];

    arrayAugmentations[index] = function () {
        return originalMethod.apply(this, arguments)
    }

});

这样才是给arrayAugmentations添加成员

Answer 4

其实js数组也是一种特殊的object，数组的key只能是数字，而不能是string。你上面代码最大的错误就是用了string作为数组的key，这样赋值是不会成功的，因此你最终console的时候打印不了数组的length。

Answer 5

  var a = [];
  a['push'] = 'html';
  a[0] = 'css';
  a[-1] = 'js';
  a[0.2] = 'vue.js';
  a[1] = 'ajax';
  a['sort'] = 'php';
  a['2'] = 'c#';
  console.log(a.length); // 3;
  console.log(a);
  console.log(a.push); // 'html
  console.log(a.hasOwnProperty('push')); // true
  console.log(a.hasOwnProperty('slice'),a.slice); // false function slice { [native code] }
  console.log(Array.prototype.push); // function push() { [native code] }
// 应该 要 整数 (不包括负数) 才 能 改变 数组 的 length 罢？