在數組的開頭添加新元素 - unshift()
源代碼:
<!DOCTYPE html><html><body><p id="demo">Click the button to add elements to the array.</p><button onclick="myFunction()">Try it</button><script>function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.unshift("Lemon","Pineapple");var x=document.getElementById("demo");x.innerHTML=fruits;}</script><p><b>Note:</b> The unshift() method does not work properly in Internet Explorer 8 and earlier, the values will be inserted, but the return value will be <em>undefined</em>.</p></body></html>
測試結果:
Lemon,Pineapple,Banana,Orange,Apple,Mango
在數組的第2位置添加一個元素 - splice()
源代碼:
<!DOCTYPE html><html><body><p id="demo">Click the button to add elements to the array.</p><button onclick="myFunction()">Try it</button><script>function myFunction(){var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.splice(2,0,"Lemon","Kiwi");var x=document.getElementById("demo");x.innerHTML=fruits;}</script></body></html>
測試結果:
Banana,Orange,Lemon,Kiwi,Apple,Mango
數組的末尾添加新的元素 - push()
源代碼:
<!DOCTYPE html><html><body><p id="demo">Click the button to add a new element to the array.</p><button onclick="myFunction()">Try it</button><script>var fruits = ["Banana", "Orange", "Apple", "Mango"];function myFunction(){fruits.push("Kiwi")var x=document.getElementById("demo");x.innerHTML=fruits;}</script></body></html>
測試結果:
Banana,Orange,Apple,Mango,Kiwi
下面就提供一下上文中的一些函數
數組的創建
var arrayObj = new Array(); //創建一個數組
var arrayObj = new Array([size]); //創建一個數組并指定長度,注意不是上限,是長度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 創建一個數組并賦值
要說明的是,雖然第二種方法創建數組指定了長度,但實際上所有情況下數組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲在規定長度以外的,注意:這時長度會隨之改變。
數組元素的添加
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組結尾,并返回數組新長度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始,數組中的元素自動后移,返回數組新長度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置,插入位置的元素自動后移,返回""。
數組的元素的訪問
var testGetArrValue=arrayObj[1]; //獲取數組的元素值
arrayObj[1]= "這是新值"; //給數組元素賦予新的值
數組元素的刪除
arrayObj.pop(); //移除最后一個元素并返回該元素值
arrayObj.shift(); //移除最前一個元素并返回該元素值,數組中元素自動前移
arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數量deleteCount的元素,數組形式返回所移除的元素
數組的截取和合并
arrayObj.slice(start, [end]); //以數組的形式返回數組的一部分,注意不包括 end 對應的元素,如果省略 end 將復制 start 之后的所有元素
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個數組(也可以是字符串,或者是數組和字符串的混合)連接為一個數組,返回連接好的新的數組
數組的拷貝
arrayObj.slice(0); //返回數組的拷貝數組,注意是一個新的數組,不是指向
arrayObj.concat(); //返回數組的拷貝數組,注意是一個新的數組,不是指向
數組元素的排序
arrayObj.reverse(); //反轉元素(最前的排到最后、最后的排到最前),返回數組地址
arrayObj.sort(); //對數組元素排序,返回數組地址
新聞熱點
疑難解答