JavaScript数组本质解析：从对象特性到原型链机制

JavaScript数组的本质与对象特性

对于资深开发者而言，数组看似基础，但其内部机制往往蕴含值得深究的趣味。

首先我们来看看数组的定义：“An array is just a list of values which can be accessed by using an integer as the “key”. The list starts at 0 and goes up from there.”，下面我们用对象来描述数组的定义：

var arr = ["benjamin", "zuojj"];
//=>
var arr = {
"0": "benjamin",
"1": "zuojj"
};

上述结构看似完整，但还缺少一个关键属性：数组长度。

var arr = {
"0" : "benjamin",
"1" : "zuojj",
"length" : 2
};

在JavaScript中，数组本质上是特殊的对象。我们可以像访问对象属性那样通过索引访问数组元素，同时也能像普通对象一样为数组添加自定义属性。示例如下：

var arr = {
"0" : "benjamin",
"1" : "zuojj",
"length" : 2
};
//输出: "benjamin"
console.log(arr[0]);
//输出: 2
console.log(arr.length);
var arr = ["benjamin", "zuojj"];\n\narr.url = "www.jb51.net";\n\n//输出: "www.jb51.net"\n\nconsole.log(arr.url);\n\n//输出: 2\n\nconsole.log(arr.length);

数组原型方法与自定义重载

接下来探讨数组的方法，如indexOf、slice、splice和sort等。这些方法实际上定义在Array.prototype中。示例如下：

var arr = ["benjamin", "zuojj"];
//输出: 1
console.log(arr.indexOf("zuojj"));
arr.indexOf = function(str) {
return "It is customed indexOf!";
}
//输出: "It is customed indexOf!"
console.log(arr.indexOf("zuojj"));

实际上，我们可以通过对象方式重载所有数组方法。以下以push方法为例进行说明：

var arr = {
length: 0,
push: function(val) {
//赋值
this[this.length] = val;
//更新数组长度
this.length += 1;
//返回数组长度
return this.length;
    }
}
arr.push("zuojj");
arr.push("benjamin");
//Object {0: "zuojj", 1: "benjamin", length: 2, push: function}
console.log(arr);

数组定义方式的限制与替代方案

然而，有一种方式无法通过重新定义来实现，即数组的字面量定义语法。

var arr = ["benjamin", "zuojj"];

但我们可以使用构造函数来替代：

var arr = new Array("benjamin", "zuojj");

如果不使用字面量定义，我们可以重新定义数组的行为，以自定义的方式实现。

var myArr = new CustomArray("benjamin", "zuojj");

至此，你应该已经清楚JavaScript中数组的工作机制，希望这些内容能对你有所帮助。