首頁技術文章正文

JavaScript數組索引用法和檢索方法

更新時間:2021-11-23 來源:黑馬程序員 瀏覽量:

IT培訓班

Javascript數組

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

創(chuàng)建數組

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

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


如何訪問數組元素

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

1625645564644_數組.png


訪問數組元素的語法為“數組名[索引]”,示例代碼如下。

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

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

檢索方法

方法名

功能描述

indexOf() 返回在數組中可以找到給定值的第一個索引,如果不存在,則返回-1
lastIndexOf() 返回指定元素在數組中的最后一個的索引,如果不存在則返回-1

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

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

上述代碼中,lastndexOf()方法用于在數組中從指定下標位置檢索到最后一個給定值的下標。與indexOf()檢索方式不同的是,lastndexOf()方法默認逆向檢索,即從數組的末尾向數組的開頭檢索。



猜你喜歡:

JS數組如何添加或刪除數組元素?

JavaScript數組類型檢測的方法

Javascript如何改變數組的長度?

Javascript多維數組介紹

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

分享到:
在線咨詢 我要報名
和我們在線交談!