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('蘋(píng)果', '橘子', '香蕉', '桃子');      //含有4個(gè)元素
//使用字面量來(lái)創(chuàng)建數(shù)組
var arr1 = [];      //空數(shù)組
var arr2 = ['蘋(píng)果', '橘子', '香蕉', '桃子'];     //含有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=['蘋(píng)果','橘子','香蕉','桃子'];
console.log(arr[0]);       //輸出結(jié)果:蘋(píng)果
console.log(arr[1]);       //輸出結(jié)果:橘子
console.log(arr[2]);       //輸出結(jié)果:香蕉
console.log(arr[3]);       //輸出結(jié)果:桃子
console.log(arr[4]);       //輸出結(jié)果: undefined(數(shù)組元素不存在)

案例

在掌握了數(shù)組的定義和使用的基本語(yǔ)法后，下面我們將通過(guò)兩個(gè)案例來(lái)對(duì)數(shù)組的相關(guān)知識(shí)進(jìn)行鞏固和提高。

1.獲取數(shù)組元素中的最大值
通過(guò)對(duì)數(shù)組的遍歷可以獲取數(shù)組中的最大值。在遍歷時(shí)，先用一個(gè)變量max保存數(shù)組中第1個(gè)元素的值，然后比較后面的元素是否比max的值大，如果比max大，就將這個(gè)較大的值保存給max，否則就進(jìn)行下一輪的比較。將數(shù)組遍歷完成后， max中保存的值就是最大值。具體代碼如下。

var arr=[2,6,1,77,52,25,7,99];
var max = arr[0];
for(var i=1;i<arr.length;i++){
    if (arr[i] > max) {
        max = arr[i];
    }
    console.log('數(shù)組元素中的最大值是: '+ max);     //計(jì)算結(jié)果: 99
}

2.數(shù)組轉(zhuǎn)換為字符串

本案例的需求是將數(shù)組"['red', 'reen', 'blue', 'pink]"轉(zhuǎn)換為字符串，并用“I”或其他符號(hào)來(lái)分隔每個(gè)元素，"redlgreenlbudlpink"。 具體代碼如下。

var arr = ['red', 'green', 'blue', 'pink'];
var str = arr[0] ;
var sep ='|';
for (var i = 1; i < arr.length; i++) {
    str += sep + arr[i];
}
console.log(str);       //輸出結(jié)果: red|green|blue|pink