JavaScript中數組的簡單使用

JavaScript數組這種數據類型可以在一個變量裡保存多個值,每個值都有一個數值的索引,而且能夠保存任何數據類型,比如布爾值、數值、字符串、對象,甚至是其它數組也可以。

創建新數組

創建數組的語法並不新奇,在C#裡面是 :

int[] array = new int[20];

而JavaScript是:

var myArray = new Array();

當然,創建數組還可以使用另外一種方便的形式:

var myArray = [];

初始化數組

var myArray = ['Monday', 'Tuesday', 'Wednesday'];

或者是在數組創建之後,再添加元素數據:

var myArray = [];

myArray[0] = 'Monday';

myArray[1] = 'Tuesday';

myArray[2] = 'Wednesday';

注意: 數組都有一個length屬性,表示數組包含了多少項,這個屬性是自動更新的,

所以我們在數組添加元素時就可以這樣:

myArray[myArray.length] = 'Monday';

myArray[myArray.length] = 'Tuesday';

JavaScript中數組的簡單使用

數組的常用方法

JavaScript中數組的簡單使用

1.concat()方法

類似於字符串的連接方法,例如:

var myArray = ['Monday', 'Tuesday', 'Wednesday'];

var myOtherArray = ['Thursday','Friday'];

var myWeek = myArray.concat(myOtherArray);

那麼myWeek中的內容將是: 'Monday', 'Tuesday', 'Wednesday' , 'Thursday','Friday'

2.join()方法

a.這個方法可以把數組的全部元素連接在一起形成一個字符串:

var longDay = myArray.join();

longDay的值將是:MondayTuesdayWednesday

b.這個方法還可以有一個字符串參數,作為分隔符插入到字符串裡:

var longDay = myArray.join(“|”);

longDay的值將是: Monday|Tuesday|Wednesday

3.toString()方法

這個方法其它就是一個join()方法,它只是默認返回一個用英文逗號分隔的由數組元素組成的字符串。

var longDay = myArray.toString();

longDay的值將是:Monday,Tuesday,Wednesday

4.indexOf()方法

這個方法找到指定元素在數組第一次出現的位置,返回索引值,如果沒有找到返回-1

myArray.indexOf('Tuesday'); //返回1

myArray.indexOf('Sunday');//返回-1

5.lastIndexOf()方法

這個方法的工作方式與indexOf()是一樣的,只是它返回指定元素在數組裡最後一次出現的位置

6.slice()方法

這個方法是從數組中提取一個子集,在參數中指定開始的索引和要提取的元素個數

var myShortWeek = myWeek.slice(1,3); //從索引1開始 提取3個

myShortWeek的值將是:'Tuesday','Wednesday','Thursday'

7.sort()方法

這個方法可以把數組元素按照字母順序排列,當然在實際開發中這個方法可以很強大

myWeek.sort();//返回'Friday','Monday','Thursday','Tuesday','Wednesday'

8.splice()方法

這個方法可以在數組添加或刪除指定的一個或多個元素 語法如下:

array.splice(index, howmany, [new elements]);

第一個參數指定在數組什麼位置進行操作, 第2個參數說明要刪除多少個元素(設置0表示不刪除)

第3個參數是可選的,是要插入的新元素列表

myWeek.splice(2,1,"holiday");

這行代碼指向索引為2的元素('Wednesday'),刪除1個元素('Wednesday')插入1個新元素('holiday')

現在數組myWeek包含的元素是'Monday','Tuesday','holiday','Thursday','Friday'

這個方法的返回值是被刪除的元素

注意:splice()方法會改變原數組,如果代碼的其它部分他需要使用最初的數組,則在使用splice()方法之前

應該把它複製到新的變量裡。

JavaScript中數組的簡單使用

運行結果:

JavaScript中數組的簡單使用


分享到:


相關文章: