JavaScript array push

JavaScript push 方法可以在 array 物件(array object)後面加上一個新的陣列元素,並回傳新的陣列長度,新的元素是在陣列最後面開始依序增加,如果你想在陣列的最前面增加元素,應該使用 JavaScript unshift 方法來處理,JavaScript array push 方法也是 JavaScript 內建功能,不需要額外安裝即可隨時調用,且幾乎所有主流的瀏覽器均支援 JavaScript push 方法。

JavaScript array push 基本語法

array.push( 'item1' , 'item2' , 'item3' , 'item4' , ... )


array object 後面接上 push 即可將元素增加至陣列的後方,其中 item 是必要項目,至少必須要有一個,至多並沒有特別限制,雖然 JavaScript array push 的這個技巧並未限制所能增加的陣列元素數量,但也應該盡量避免無止盡的 push 而造成瀏覽器無法處理。

JavaScript array push 範例
<script type="text/javascript">
var Arr = ['Father','Mother','Brother'];

document.write('Array 內容:'+Arr+'<br>');
document.write('Array 長度:'+Arr.length+'<p>');

Arr.push('Sister');

document.write('Array 內容:'+Arr+'<br>');
document.write('Array 長度:'+Arr.length+'<p>');
</script>
以上 JavaScript array push 範例輸出結果

Array 內容:Father,Mother,Brother
Array 長度:3

Array 內容:Father,Mother,Brother,Sister
Array 長度:4

範例一開始先準備了一個陣列 Arr,其中共有三個陣列值,分別為 Father、Mother、Brother,透過 document.write 輸出原本的陣列結果,陣列長度的地方我們使用了 JavaScript length 功能,接著用 Arr.push 的方法將新的陣列值 Sister 掛到陣列 Arr 的最後面,重新輸出陣列看結果,內容多了 Sister 且長度增加至 4 的元素,代表 JavaScript array push 成功運作。

推薦給您的相關主題
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012