javascript数组详解

183 阅读 0 评论 121 点赞

我是靠谱客的博主沉静花生，最近开发中收集的这篇文章主要介绍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"

};

看上面的例子，总感觉缺少了什么，OK，数组的长度：

复制代码代码如下:

 var arr = {

    "0"      : "benjamin",

    "1"      : "zuojj",

    "length" : 2

};

我们知道，在Javascript语言中，数组是一个特殊的对象，我们可以使用访问数组的方式来访问对象的属性，同时，数组也可以像对象那样添加属性。看下例：

复制代码代码如下:

var arr = {
    "0"      : "benjamin",
    "1"      : "zuojj",
    "length" : 2
};
//Outputs: "benjamin"
console.log(arr[0]);
//Outputs: 2
console.log(arr.length);

var arr = ["benjamin", "zuojj"];
arr.url = "www.uoften.com";
//Outputs: "www.uoften.com"
console.log(arr.url);
//Outputs: 2
console.log(arr.length);

下面我们来看看数组的方法，数组有很多可操作的方法，如indexOf/slice/splice/sort等，我们知道实际上这些方法存在于Array.prototype中。看下面的例子：

复制代码代码如下:

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

//Outputs: 1

console.log(arr.indexOf("zuojj"));

arr.indexOf = function(str) {

    return "It is customed indexOf!";

}

//Outputs: "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中数组是如何工作的了吧，希望对大家有所帮助。