更新時間:2021-11-23 來源:黑馬程序員 瀏覽量:
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開始,如圖所示。
訪問數(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ù)組索引的位置開始檢索,并且檢索方式與運算符“===”相同,即只有全等時才會返回比較成功的結(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ù)組的開頭檢索。
猜你喜歡: