淺談JavaScript的push()函數

push() 方法可向數組的末尾添加一個或多個元素，並返回新的長度。返回值是把指定的值添加到數組后的新長度。

語法：arrayObject.push(newelement1,newelement2,....,newelementX)

• 參數newelement1，必需。要添加到數組的第一個元素。
• 參數newelement2，可選。要添加到數組的第二個元素。
• 參數newelementX，可選。可添加多個元素。

push() 方法可把它的參數順序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是創建一個新的數組。push() 方法和 pop() 方法使用數組提供的先進后出棧的功能。該方法會改變數組的長度。

案例1：push（）

	var arr = new Array(3);
	arr[0] = "數組一"
	arr[1] = "數組二"
	arr[2] = "數組三"

	console.log(arr);//輸出原素組
	console.log(arr.push("添加數組四"));
　　　　　document.write(arr)

　輸出結果

　

有個問題是:push添加元素之后沒有直接輸出添加元素之后的數組，只顯示了數組的個數（長度）。

 

案例2：

數組對象的push與pop方法分別在數組的尾部添加與刪除元素。push方法有一個參數，也就是要添加到數組尾部的元素，而pop方法則沒有參數，而是返回從數組尾部刪除的元素。

//案例2：測試數組的push與pop方法
    var arr = ["Aplle","Banana","Orange","Pear"];
    var arr2 =  [1,2,3,4];

    arr.push("NowaMagic");
    var popped = arr2.pop();

    console.log(arr);
    console.log(arr2);
    console.log(popped);

顯示的結果：

解析：點擊上面的按鈕可以看到“arr.push("NowaMagic");”一句之后，arr數組的元素增加了一個，恰恰是我們push進去的NowaMagic。

然后arr2調用pop方法之后的，arr2發生了變化，輸出1，2，3。 

可見，arr2已經從1,2,3,4變為1,2,3。因為原來的最后一個元素"4"，被pop了出去。我們使用了popped變量存儲了pop的返回值。可以點擊下面的按鈕查看。