JS如何在數組指定位置插入元素

一、JavaScript splice() 方法

splice() 方法向/從數組中添加/刪除項目，然后返回被刪除的項目。

方法實例

//在數組指定位置插入
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//輸出結果
//Banana, Orange, Lemon, Kiwi, Apple, Mango

//在數組開頭插入
var shuiguo = ["Banana", "Orange", "Apple", "Mango"];
shuiguo.splice(0, 0, "Lemon");
//輸出結果
//Lemon, Banana, Orange, Apple, Mango
語法
array.splice(index,howmany,item1,.....,itemX)

參數 Values
參數 描述
index 必需。規定從何處添加/刪除元素。
該參數是開始插入和（或）刪除的數組元素的下標，必須是數字。
howmany 必需。規定應該刪除多少元素。必須是數字，但可以是 "0"。
如果未規定此參數，則刪除從 index 開始到原數組結尾的所有元素。
item1, ..., itemX 可選。要添加到數組的新元素
返回值
Type 描述
Array 如果從 arrayObject 中刪除了元素，則返回的是含有被刪除的元素的數組。

二、JavaScript unshift() 方法

unshift 方法用于向數組的開頭添加一個或多個元素，并返回新數組的長度。

語法
array_object.unshift( newelement1, newelement2, ... )
參數 Values
參數 說明
array_object 要操作的數組（對象）
newelement1, ... 至少一個。要添加到數組的元素序列，使用 , 分隔。

提示：unshift 方法將直接修改原數組，并將已經存在的元素順次地移到較高的下標處，而不像其他很多方法一樣得到一個原數組的副本。

方法實例

<script language="JavaScript">

var array_1 = new Array('a','b','c');
document.write( array_1.unshift(1,2) + '<br />' );
document.write( array_1 );

</script>

運行該例子，輸出：

5
1,2,a,b,c

注意

在 IE 某些版本下，該方法返回的可能是 undefined 而不是新數組的長度。

三、JavaScript concat() 方法

定義和用法

concat() 方法用于連接兩個或多個數組。

該方法不會改變現有的數組，而僅僅會返回被連接數組的一個副本。

語法
arrayObject.concat(arrayX,arrayX,......,arrayX)
參數 描述
arrayX 必需。該參數可以是具體的值，也可以是數組對象。可以是任意多個。
返回值
返回一個新的數組。該數組是通過把所有 arrayX 參數添加到 arrayObject 中生成的。如果要進行 concat() 操作的參數是數組，那么添加的是數組中的元素，而不是數組。

實例

例子 1

在本例中，我們將把 concat() 中的參數連接到數組 a 中：

<script type="text/javascript">
var a = [1,2,3];
document.write( a.concat(4,5) );
</script>

輸出：

1,2,3,4,5

例子 2

在本例中，我們創建了兩個數組，然后使用 concat() 把它們連接起來：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

document.write(
arr.concat(arr2)
)

</script>

輸出：

George,John,Thomas,James,Adrew,Martin

例子 3

在本例中，我們創建了三個數組，然后使用 concat() 把它們連接起來：

<script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"

var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"

document.write(
arr.concat(arr2,arr3)
)

</script>

輸出：

George,John,Thomas,James,Adrew,Martin,William,Franklin

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。