DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript中的數組操作介紹
JavaScript中的數組操作介紹
編輯:關於JavaScript     

JavaScript中的數組對象自帶了一些方法,可以通過使用這些方法來對數組進行操作。

 

join()

 

可以使用join()方法將數組中的成員合並到一個字符串中:


復制代碼 代碼如下:
var o = [1,2,3];
console.log(o.join());//1,2,3
console.log(o.join(" "));//1 2 3
var emptyArray = new Array(10);
console.log(emptyArray.join("-"));//----------


從上面的例子中可以看到,如果join()方法不帶參數,那麼JavaScript會用逗號作為分隔符將所有的成員合並到一個字符串中;如果join()方法接受參數,那麼這個參數會作為分隔符來使用。

reverse()

可以使用reverse()方法將數組中的成員順序進行顛倒:


復制代碼 代碼如下:
//reverse()
o.reverse();
console.log(o);//[3,2,1]


可以看到,調用reverse()語句後,數組自身將發生改變。

執行reverse()語句的返回結果為發生改變後的數組對象。

sort()

可以使用sort()方法對數組中的成員進行排序(默認以字母順序排列)。與reverse()語句一樣,sort()語句會對數組自身進行修改並返回修改後的數組對象:


復制代碼 代碼如下:
var a = ["Phone", "Mobile",,,"Canon"];
a.sort();
console.log(a);//["Canon", "Mobile", "Phone", undefined, undefined]
var b = [33,44,111];
console.log(b.sort());//[111, 33, 44]
console.log(b.sort(function(a,b){return a-b}));//[33, 44, 111]


可以看到,sort()語句還接受一個function作為參數來實現自定義排序。

concat()

可以使用concat()方法對數組進行拼接:


復制代碼 代碼如下:
var c = [1,2,3];
console.log(c.concat(4));//[1, 2, 3, 4]
console.log(c.concat(5,6));//[1, 2, 3, 5, 6]
console.log(c.concat([7,8]));//[1, 2, 3, 7, 8]
console.log(c.concat([9,10], [11,12]));//[1, 2, 3, 9, 10, 11, 12]
console.log(c.concat([42,43,[44,45]]));//[1, 2, 3, 42, 43, [44, 45]]
console.log(c);//[1, 2, 3]


可以看到,與reverse()和sort()不同,concat()語句僅僅只是返回拼接後的結果而已,對數組自身不會產生任何修改。

slice()

可以使用slice()語句來獲取數組中的子數組(sub-array):
復制代碼 代碼如下:
var d = [1,2,3,4,5,6];
console.log(d.slice(0,3));//[1,2,3]
console.log(d.slice(3,1));//[]

與concat()一樣,slice()語句僅僅只是返回操作後的結果而已,對數組自身不會產生任何修改。對於slice()語句中的兩個參數,JavaScript遵循“前包括後不包括”的原則:第一個參數所指定的數組成員會出現在子數組中,而第二個參數所指定的數組成員則不會出現。

splice()

可以使用splice()語句來對數組進行插入和敲除操作。其第一個參數指定插入或敲除的位置(位置成員),第二個參數指定敲除成員的數目(從位置成員開始敲除),從第三個參數開始,所有的參數都會被插入到數組中(從位置成員之前進行插入)。splice()語句返回的結果為被敲除的數組成員所組成的數組。與concat()和slice()不同,splice()會對數組自身產生修改。


復制代碼 代碼如下:
var e = [1,2,3,4,5,6,7];
console.log(e.splice(1,2));//[2,3]
console.log(e);//[1,4,5,6,7]
console.log(e.length);//5
e.splice(1,0,2,3,[4,5]);
console.log(e);//[1, 2, 3, [4, 5], 4, 5, 6, 7]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved