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

Javascript數(shù)組

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

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

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

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

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

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

訪問數(shù)組元素的語法為“數(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ù)組元素不存在)

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

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

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)位置檢索到最后一個給定值的下標(biāo)。與indexOf()檢索方式不同的是，lastndexOf()方法默認逆向檢索，即從數(shù)組的末尾向數(shù)組的開頭檢索。

猜你喜歡：

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

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

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

Javascript多維數(shù)組介紹

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