JavaScript數(shù)組索引用法和檢索方法

Javascript數(shù)組

數(shù)組(Array)是一種復(fù)雜的數(shù)據(jù)類型，它屬于Object(對(duì)象)類型，用來(lái)將一組數(shù)組合在一起，通過(guò)一個(gè)變量就可以訪問(wèn)一組數(shù)據(jù)。在使用數(shù)組時(shí)，經(jīng)常會(huì)搭配循環(huán)語(yǔ)句使用，從而很方便地對(duì)一組數(shù)據(jù)進(jìn)行處理。

創(chuàng)建數(shù)組

在JavaScript中創(chuàng)建數(shù)組有兩種常見(jiàn)的方式，一種是使用“new Array()”創(chuàng)建數(shù)組，另一種是使用“[]” 字面量來(lái)創(chuàng)建數(shù)組。示例代碼如下。

//使用new Array() 創(chuàng)建數(shù)組
var arr1 = new Array();     // 空數(shù)組
var arr2 = new Array('蘋果', '橘子', '香蕉', '桃子');      //含有4個(gè)元素
//使用字面量來(lái)創(chuàng)建數(shù)組
var arr1 = [];      //空數(shù)組
var arr2 = ['蘋果', '橘子', '香蕉', '桃子'];     //含有4個(gè)元素

如何訪問(wèn)數(shù)組元素

在數(shù)組中，每個(gè)元素都有索引(或稱為下標(biāo))，數(shù)組中的元素使用索引來(lái)進(jìn)行訪問(wèn)。數(shù)組中的索引是一個(gè)數(shù)字， 從0開(kāi)始，如圖所示。

訪問(wèn)數(shù)組元素的語(yǔ)法為“數(shù)組名[索引]”，示例代碼如下。

var arr=['蘋果','橘子','香蕉','桃子'];
console.log(arr[0]);       //輸出結(jié)果:蘋果
console.log(arr[1]);       //輸出結(jié)果:橘子
console.log(arr[2]);       //輸出結(jié)果:香蕉
console.log(arr[3]);       //輸出結(jié)果:桃子
console.log(arr[4]);       //輸出結(jié)果: undefined(數(shù)組元素不存在)

在開(kāi)發(fā)中，若要查找指定的元素在數(shù)組中的位置，則可以利用Aray對(duì)象提供的檢索方法，具體如下表所示。

上述方法中，默認(rèn)都是從指定數(shù)組索引的位置開(kāi)始檢索，并且檢索方式與運(yùn)算符“===”相同，即只有全等時(shí)才會(huì)返回比較成功的結(jié)果。下面我們通過(guò)代碼進(jìn)行演示。

var arr = ['red', 'green', 'blue', 'pink', 'blue'];
console.log(arr.indexOf('blue'));		//輸出結(jié)果:2
console.log(arr.lastIndexOf('blue'));	//輸出結(jié)果:4

上述代碼中，lastndexOf()方法用于在數(shù)組中從指定下標(biāo)位置檢索到最后一個(gè)給定值的下標(biāo)。與indexOf()檢索方式不同的是，lastndexOf()方法默認(rèn)逆向檢索，即從數(shù)組的末尾向數(shù)組的開(kāi)頭檢索。

猜你喜歡：

JS數(shù)組如何添加或刪除數(shù)組元素？

JavaScript數(shù)組類型檢測(cè)的方法

Javascript如何改變數(shù)組的長(zhǎng)度?

Javascript多維數(shù)組介紹

黑馬程序員web前端開(kāi)發(fā)高手班