JS如何在數(shù)組指定位置插入元素
一、JavaScript splice() 方法
splice() 方法向/從數(shù)組中添加/刪除項目,然后返回被刪除的項目。
方法實例
//在數(shù)組指定位置插入 var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.splice(2, 0, "Lemon", "Kiwi"); //輸出結果 //Banana, Orange, Lemon, Kiwi, Apple, Mango
//在數(shù)組開頭插入 var shuiguo = ["Banana", "Orange", "Apple", "Mango"]; shuiguo.splice(0, 0, "Lemon"); //輸出結果 //Lemon, Banana, Orange, Apple, Mango 語法 array.splice(index,howmany,item1,.....,itemX)
參數(shù) Values
參數(shù) 描述
index 必需。規(guī)定從何處添加/刪除元素。
該參數(shù)是開始插入和(或)刪除的數(shù)組元素的下標,必須是數(shù)字。
howmany 必需。規(guī)定應該刪除多少元素。必須是數(shù)字,但可以是 "0"。
如果未規(guī)定此參數(shù),則刪除從 index 開始到原數(shù)組結尾的所有元素。
item1, ..., itemX 可選。要添加到數(shù)組的新元素
返回值
Type 描述
Array 如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數(shù)組。
二、JavaScript unshift() 方法
unshift 方法用于向數(shù)組的開頭添加一個或多個元素,并返回新數(shù)組的長度。
語法
array_object.unshift( newelement1, newelement2, ... )
參數(shù) Values
參數(shù) 說明
array_object 要操作的數(shù)組(對象)
newelement1, ... 至少一個。要添加到數(shù)組的元素序列,使用 , 分隔。
提示:unshift 方法將直接修改原數(shù)組,并將已經(jīng)存在的元素順次地移到較高的下標處,而不像其他很多方法一樣得到一個原數(shù)組的副本。
方法實例
<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 而不是新數(shù)組的長度。
三、JavaScript concat() 方法
定義和用法
concat() 方法用于連接兩個或多個數(shù)組。
該方法不會改變現(xiàn)有的數(shù)組,而僅僅會返回被連接數(shù)組的一個副本。
語法
arrayObject.concat(arrayX,arrayX,......,arrayX)
參數(shù) 描述
arrayX 必需。該參數(shù)可以是具體的值,也可以是數(shù)組對象??梢允侨我舛鄠€。
返回值
返回一個新的數(shù)組。該數(shù)組是通過把所有 arrayX 參數(shù)添加到 arrayObject 中生成的。如果要進行 concat() 操作的參數(shù)是數(shù)組,那么添加的是數(shù)組中的元素,而不是數(shù)組。
實例
例子 1
在本例中,我們將把 concat() 中的參數(shù)連接到數(shù)組 a 中:
<script type="text/javascript"> var a = [1,2,3]; document.write( a.concat(4,5) ); </script>
輸出:
1,2,3,4,5
例子 2
在本例中,我們創(chuàng)建了兩個數(shù)組,然后使用 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
在本例中,我們創(chuàng)建了三個數(shù)組,然后使用 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
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
ES6常用小技巧總結【去重、交換、合并、反轉、迭代、計算等】
這篇文章主要介紹了ES6常用小技巧,結合實例形式總結分析了ES6常見的數(shù)組去重、交換變量、合并數(shù)組、字符串反轉、數(shù)組迭代、數(shù)值計算等相關操作技巧,需要的朋友可以參考下2019-12-12JavaScript實現(xiàn)導入導出excel的示例代碼
這篇文章主要為大家詳細介紹了如何利用JavaScript語言實現(xiàn)導入導出excel文件的功能,文中的示例代碼講解詳細,感興趣的小伙伴可以了解一下2022-07-07詳解微信小程序自定義組件的實現(xiàn)及數(shù)據(jù)交互
這篇文章主要介紹了微信小程序自定義組件的實現(xiàn)及數(shù)據(jù)交互,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07解決一個微信號同時支持多個環(huán)境網(wǎng)頁授權問題
由于微信限制一個服務號只能配置一個網(wǎng)頁授權域名, 又不可能給每個環(huán)境單獨配一個服務號,這樣不僅需要成本而且很浪費資源,下面小編給大家?guī)砹私鉀Q一個微信號同時支持多個環(huán)境網(wǎng)頁授權問題,感興趣的朋友一起看看吧2019-08-08