首頁技術(shù)文章正文

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

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

IT培訓(xùn)班

Javascript數(shù)組

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

創(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ù)組中的元素使用索引來進(jìn)行訪問。數(shù)組中的索引是一個數(shù)字, 從0開始,如圖所示。

1625645564644_數(shù)組.png


訪問數(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對象提供的檢索方法,具體如下表所示。

檢索方法

方法名

功能描述

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

上述方法中,默認(rèn)都是從指定數(shù)組索引的位置開始檢索,并且檢索方式與運(yùn)算符“===”相同,即只有全等時才會返回比較成功的結(jié)果。下面我們通過代碼進(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)位置檢索到最后一個給定值的下標(biāo)。與indexOf()檢索方式不同的是,lastndexOf()方法默認(rèn)逆向檢索,即從數(shù)組的末尾向數(shù)組的開頭檢索。



猜你喜歡:

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

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

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

Javascript多維數(shù)組介紹

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

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!