Javascript創(chuàng)建數(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ù)組中，每個元素都有索引(或稱為下標)，數(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ù)組元素不存在)

案例

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

1.獲取數(shù)組元素中的最大值
通過對數(shù)組的遍歷可以獲取數(shù)組中的最大值。在遍歷時，先用一個變量max保存數(shù)組中第1個元素的值，然后比較后面的元素是否比max的值大，如果比max大，就將這個較大的值保存給max，否則就進行下一輪的比較。將數(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);     //計算結(jié)果: 99
}

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

本案例的需求是將數(shù)組"['red', 'reen', 'blue', 'pink]"轉(zhuǎn)換為字符串，并用“I”或其他符號來分隔每個元素，"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