js數(shù)組

1、數(shù)組的定義
var arr=[];
var arr=[
{a:1,b:2},
[1,2,3],
function(){retrun true;}
];
上面的分別定義的數(shù)組的3個(gè)成員一次是數(shù)組對(duì)象、數(shù)組、函數(shù)
var arr=[[1,2],[3,4]];//多維數(shù)組
2、數(shù)組的本質(zhì):
數(shù)組的本質(zhì)屬于一種特殊的對(duì)象。
typeof [1,2,3] //object
數(shù)組的特殊性體現(xiàn)在,它的鍵名是按次序排列的一組整數(shù)(0,1,2…)。
var arr = ['a', 'b', 'c'];
Object.keys(arr)
// ["0", "1", "2"]
Object.keys()方法返回的是數(shù)組的所有鍵名。
JavaScript語(yǔ)言規(guī)定,對(duì)象的鍵名一律為字符串,所以,數(shù)組的鍵名其實(shí)也是字符串。之所以可以用數(shù)值讀取,是因?yàn)榉亲址逆I名會(huì)被轉(zhuǎn)為字符串。
var arr = ['a', 'b', 'c'];

arr['0'] // 'a'
arr[0] // 'a'
上面代碼分別用數(shù)值和字符串作為鍵名,結(jié)果都能讀取數(shù)組。原因是數(shù)值鍵名被自動(dòng)轉(zhuǎn)為了字符串。
3、length屬性【可讀可寫(xiě)】:
JavaScript使用一個(gè)32位整數(shù),保存數(shù)組的元素個(gè)數(shù)。這意味著,數(shù)組成員最多只有4294967295個(gè)(232 - 1)個(gè),也就是說(shuō)length屬性的最大值就是4294967295。
4、類(lèi)似數(shù)組的對(duì)象:
var obj = {
0: 'a',
1: 'b',
2: 'c',
length: 3
};

obj[0] // 'a'
obj[2] // 'c'
obj.length // 3
obj[3]='d';
obj.length;//3
obj.push('d') // TypeError: obj.push is not a function
這里添加d,但是length沒(méi)變,說(shuō)明不是數(shù)組。
典型的類(lèi)似數(shù)組的對(duì)象是函數(shù)的arguments對(duì)象,以及大多數(shù)DOM元素集,還有字符串。
function args() { return arguments }
var arrayLike = args('a', 'b');

arrayLike[0] // 'a'
arrayLike.length // 2
arrayLike instanceof Array // false

// DOM元素集
var elts = document.getElementsByTagName('h3');
elts.length // 3
elts instanceof Array // false

// 字符串
'abc'[1] // 'b'
'abc'.length // 3
'abc' instanceof Array // false
數(shù)組的slice方法將類(lèi)似數(shù)組的對(duì)象,變成真正的數(shù)組。

var arr = Array.prototype.slice.call(arrayLike);
遍歷類(lèi)似數(shù)組的對(duì)象,可以采用for循環(huán),也可以采用數(shù)組的forEach方法。

// for循環(huán)
function logArgs() {
for (var i = 0; i < arguments.length; i++) {
console.log(i + '. ' + arguments[i]);
}
}

// forEach方法
function logArgs() {
Array.prototype.forEach.call(arguments, function (elem, i) {
console.log(i+'. '+elem);
});
}
由于字符串也是類(lèi)似數(shù)組的對(duì)象,所以也可以用Array.prototype.forEach.call遍歷。

Array.prototype.forEach.call('abc', function(chr) {
console.log(chr);
});
// a
// b
// c
5、in 運(yùn)算符
檢查某個(gè)鍵名是否存在的運(yùn)算符in,適用于對(duì)象,也適用于數(shù)組。

var arr = [ 'a', 'b', 'c' ];
2 in arr // true
'2' in arr // true
4 in arr // false
上面代碼表明,數(shù)組存在鍵名為2的鍵。由于鍵名都是字符串,所以數(shù)值2會(huì)自動(dòng)轉(zhuǎn)成字符串。

注意,如果數(shù)組的某個(gè)位置是空位,in運(yùn)算符返回false。

var arr = [];
arr[100] = 'a';

100 in arr // true
1 in arr // false
上面代碼中,數(shù)組arr只有一個(gè)成員arr[100],其他位置的鍵名都會(huì)返回false。
for…in 循環(huán)和數(shù)組的遍歷
for...in循環(huán)不僅可以遍歷對(duì)象,也可以遍歷數(shù)組,畢竟數(shù)組只是一種特殊對(duì)象。

var a = [1, 2, 3];

for (var i in a) {
console.log(a[i]);
}
// 1
// 2
// 3
但是,for...in不僅會(huì)遍歷數(shù)組所有的數(shù)字鍵,還會(huì)遍歷非數(shù)字鍵。

var a = [1, 2, 3];
a.foo = true;

for (var key in a) {
console.log(key);
}
// 0
// 1
// 2
// foo
上面代碼在遍歷數(shù)組時(shí),也遍歷到了非整數(shù)鍵foo。所以,不推薦使用for...in遍歷數(shù)組。

數(shù)組的遍歷可以考慮使用for循環(huán)或while循環(huán)。

var a = [1, 2, 3];

// for循環(huán)
for(var i = 0; i < a.length; i++) {
console.log(a[i]);
}

// while循環(huán)
var i = 0;
while (i < a.length) {
console.log(a[i]);
i++;
}

var l = a.length;
while (l--) {
console.log(a[l]);
}
上面代碼是三種遍歷數(shù)組的寫(xiě)法。最后一種寫(xiě)法是逆向遍歷,即從最后一個(gè)元素向第一個(gè)元素遍歷。

數(shù)組的forEach方法,也可以用來(lái)遍歷數(shù)組,詳見(jiàn)《標(biāo)準(zhǔn)庫(kù)》一章的Array對(duì)象部分。

var colors = ['red', 'green', 'blue'];
colors.forEach(function (color) {
console.log(color);
});
7、數(shù)組的空位
當(dāng)數(shù)組的某個(gè)位置是空元素,即兩個(gè)逗號(hào)之間沒(méi)有任何值,我們稱(chēng)該數(shù)組存在空位(hole)。

var a = [1, , 1];
a.length // 3
上面代碼表明,數(shù)組的空位不影響length屬性。

需要注意的是,如果最后一個(gè)元素后面有逗號(hào),并不會(huì)產(chǎn)生空位。也就是說(shuō),有沒(méi)有這個(gè)逗號(hào),結(jié)果都是一樣的。

var a = [1, 2, 3,];

a.length // 3
a // [1, 2, 3]
上面代碼中,數(shù)組最后一個(gè)成員后面有一個(gè)逗號(hào),這不影響length屬性的值,與沒(méi)有這個(gè)逗號(hào)時(shí)效果一樣。

數(shù)組的空位是可以讀取的,返回undefined。

var a = [, , ,];
a[1] // undefined
使用delete命令刪除一個(gè)數(shù)組成員,會(huì)形成空位,并且不會(huì)影響length屬性。

var a = [1, 2, 3];
delete a[1];

a[1] // undefined
a.length // 3
上面代碼用delete命令刪除了數(shù)組的第二個(gè)元素,這個(gè)位置就形成了空位,但是對(duì)length屬性沒(méi)有影響。也就是說(shuō),length屬性不過(guò)濾空位。所以,使用length屬性進(jìn)行數(shù)組遍歷,一定要非常小心。

數(shù)組的某個(gè)位置是空位,與某個(gè)位置是undefined,是不一樣的。如果是空位,使用數(shù)組的forEach方法、for...in結(jié)構(gòu)、以及Object.keys方法進(jìn)行遍歷,空位都會(huì)被跳過(guò)。

var a = [, , ,];

a.forEach(function (x, i) {
console.log(i + '. ' + x);
})
// 不產(chǎn)生任何輸出

for (var i in a) {
console.log(i);
}
// 不產(chǎn)生任何輸出

Object.keys(a)
// []
如果某個(gè)位置是undefined,遍歷的時(shí)候就不會(huì)被跳過(guò)。

var a = [undefined, undefined, undefined];

a.forEach(function (x, i) {
console.log(i + '. ' + x);
});
// 0. undefined
// 1. undefined
// 2. undefined

for (var i in a) {
console.log(i);
}
// 0
// 1
// 2

Object.keys(a)
// ['0', '1', '2']
這就是說(shuō),空位就是數(shù)組沒(méi)有這個(gè)元素,所以不會(huì)被遍歷到,而undefined則表示數(shù)組有這個(gè)元素,值是undefined,所以遍歷不會(huì)跳過(guò)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容