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.jb51.net";
//Outputs: "www.jb51.net"
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);
但是有一个是不能从新实现的,数组的字面量定义:
但是我们可以使用构造函数来代替:
如果不适用字面量定义数组,那么我们可以重定义数组的定义,以我们自己的方式。
现在你知道javascript中数组是如何工作的了吧,希望对大家有所帮助。
上一篇: 详解win10下PHP的安装配置(以php5.6为例)
下一篇: jquery和vue的区别是什么