目錄
JavaScript中新增元素到陣列尾端的方法
首頁 web前端 js教程 JavaScript中向數組尾部添加元素的方法有哪些

JavaScript中向數組尾部添加元素的方法有哪些

Oct 20, 2021 pm 05:49 PM
javascript 陣列

新增方法:1、使用push()方法,語法「array.push(元素1,元素2,...,元素X)」;2、使用splice()方法,語法「array. splice(arr.length,0,元素1,.....,元素X)」。

JavaScript中向數組尾部添加元素的方法有哪些

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript中新增元素到陣列尾端的方法

#1、push() 方法可向數組的末尾添加一個或多個元素,並傳回新的長度。

  1)、語法:

arrayObject.push(newelement1,newelement2,....,newelementX)
登入後複製
參數描述
newelement1#必要。要新增到數組的第一個元素。
newelement2可選。要加入到陣列的第二個元素。
newelementX可選。可新增多個元素。

  2)、傳回值:

  把指定的值加到陣列後的新長度。

  3)、說明:

  push() 方法可將它的參數順序加到 arrayObject 的尾端。 它直接修改 arrayObject,而不是建立一個新的陣列。

  4)、實例:

var arr = new Array(3)
arr[0] = "ZhangQian"
arr[1] = "LinFang"
arr[2] = "HaiKun"

console.log(arr);// ["ZhangQian","LinFang","HaiKun"]
console.log(arr.push("C"));// 4
console.log(arr);// ["ZhangQian","LinFang","HaiKun","C"]
console.log(arr.push("A","B"));// 6
console.log(arr);// ["ZhangQian","LinFang","HaiKun","A","B","C"]
登入後複製

2、 splice() 方法向/從陣列中新增/刪除項目,然後傳回已刪除的項目。

  1)、語法:

arrayObject.splice(index,howmany,item1,.....,itemX)
登入後複製
參數描述
index必要。整數,規定新增/刪除項目的位置,使用負數可從陣列結尾處規定位置。
howmany必要。要刪除的項目數量。如果設定為 0,則不會刪除項目。
item1, ..., itemX可選。向數組新增的新項目。

  2)、傳回值:

類型描述
Array包含被刪除項目的新數組,如果有的話。

  3)、說明:

  splice() 方法可刪除從index 處開始的零個或多個元素,並且用參數清單中宣告的一個或多個值來取代那些被刪除的元素。

  如果從 arrayObject 中刪除了元素,則傳回的是含有刪除的元素的陣列。

  splice() 方法會直接對陣列進行修改。

  4)、實例:

var arr = ["A","ZhangQian","LinFang","HaiKun"];

arr.splice(1,0,"B","C");
console.log(arr);
arr.splice(arr.length,0,"D","C");
console.log(arr);
登入後複製

JavaScript中向數組尾部添加元素的方法有哪些

想要使用splice() 方法在陣列末端新增元素,index值需要設定為陣列長度值。

【推薦學習:javascript進階教學

#

以上是JavaScript中向數組尾部添加元素的方法有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? 如何使用 foreach 迴圈移除 PHP 陣列中的重複元素? Apr 27, 2024 am 11:33 AM

使用foreach循環移除PHP數組中重複元素的方法如下:遍歷數組,若元素已存在且當前位置不是第一個出現的位置,則刪除它。舉例而言,若資料庫查詢結果有重複記錄,可使用此方法移除,得到不含重複記錄的結果。

PHP數組深度複製的藝術:使用不同方法完美複製 PHP數組深度複製的藝術:使用不同方法完美複製 May 01, 2024 pm 12:30 PM

PHP中深度複製數組的方法包括:使用json_decode和json_encode進行JSON編碼和解碼。使用array_map和clone進行深度複製鍵和值的副本。使用serialize和unserialize進行序列化和反序列化。

PHP 陣列鍵值翻轉:不同方法的效能比較分析 PHP 陣列鍵值翻轉:不同方法的效能比較分析 May 03, 2024 pm 09:03 PM

PHP數組鍵值翻轉方法效能比較顯示:array_flip()函數在大型數組(超過100萬個元素)下比for迴圈效能更優,耗時更短。手動翻轉鍵值的for迴圈方法耗時相對較長。

PHP數組多維排序實戰:從簡單到複雜場景 PHP數組多維排序實戰:從簡單到複雜場景 Apr 29, 2024 pm 09:12 PM

多維數組排序可分為單列排序和嵌套排序。單列排序可使用array_multisort()函數依列排序;巢狀排序需要遞歸函數遍歷陣列並排序。實戰案例包括按產品名稱排序和按銷售量和價格複合排序。

PHP 數組分組函數在資料整理的應用 PHP 數組分組函數在資料整理的應用 May 04, 2024 pm 01:03 PM

PHP的array_group_by函數可依鍵或閉包函數將陣列中的元素分組,傳回關聯數組,其中鍵為組名,值是屬於該組的元素數組。

深度複製PHP數組的最佳實踐:探索高效的方法 深度複製PHP數組的最佳實踐:探索高效的方法 Apr 30, 2024 pm 03:42 PM

在PHP中執行陣列深度複製的最佳實踐是:使用json_decode(json_encode($arr))將陣列轉換為JSON字串,然後再轉換回陣列。使用unserialize(serialize($arr))將陣列序列化為字串,然後將其反序列化為新陣列。使用RecursiveIteratorIterator迭代器對多維數組進行遞歸遍歷。

PHP 陣列分組函數在尋找重複元素中的作用 PHP 陣列分組函數在尋找重複元素中的作用 May 05, 2024 am 09:21 AM

PHP的array_group()函數可用來按指定鍵對陣列進行分組,以尋找重複元素。函數透過以下步驟運作:使用key_callback指定分組鍵。可選地使用value_callback確定分組值。對分組元素進行計數並識別重複項。因此,array_group()函數對於尋找和處理重複元素非常有用。

PHP 數組合併去重演算法:平行的解決方案 PHP 數組合併去重演算法:平行的解決方案 Apr 18, 2024 pm 02:30 PM

PHP數組合併去重演算法提供了平行的解決方案,將原始陣列分成小塊並行處理,主進程合併區塊的結果去重。演算法步驟:分割原始數組為均等分​​配的小塊。並行處理每個區塊去重。合併區塊結果並再次去重。

See all articles