JS如何在數(shù)組指定位置插入元素
一、JavaScript splice() 方法
splice() 方法向/從數(shù)組中添加/刪除項(xiàng)目,然后返回被刪除的項(xiàng)目。
方法實(shí)例
//在數(shù)組指定位置插入var fruits = ['Banana', 'Orange', 'Apple', 'Mango'];fruits.splice(2, 0, 'Lemon', 'Kiwi');//輸出結(jié)果//Banana, Orange, Lemon, Kiwi, Apple, Mango
//在數(shù)組開(kāi)頭插入var shuiguo = ['Banana', 'Orange', 'Apple', 'Mango'];shuiguo.splice(0, 0, 'Lemon');//輸出結(jié)果//Lemon, Banana, Orange, Apple, Mango語(yǔ)法array.splice(index,howmany,item1,.....,itemX)
參數(shù) Values參數(shù) 描述index 必需。規(guī)定從何處添加/刪除元素。該參數(shù)是開(kāi)始插入和(或)刪除的數(shù)組元素的下標(biāo),必須是數(shù)字。howmany 必需。規(guī)定應(yīng)該刪除多少元素。必須是數(shù)字,但可以是 '0'。如果未規(guī)定此參數(shù),則刪除從 index 開(kāi)始到原數(shù)組結(jié)尾的所有元素。item1, ..., itemX 可選。要添加到數(shù)組的新元素返回值Type 描述Array 如果從 arrayObject 中刪除了元素,則返回的是含有被刪除的元素的數(shù)組。
二、JavaScript unshift() 方法
unshift 方法用于向數(shù)組的開(kāi)頭添加一個(gè)或多個(gè)元素,并返回新數(shù)組的長(zhǎng)度。
語(yǔ)法array_object.unshift( newelement1, newelement2, ... )參數(shù) Values參數(shù) 說(shuō)明array_object 要操作的數(shù)組(對(duì)象)newelement1, ... 至少一個(gè)。要添加到數(shù)組的元素序列,使用 , 分隔。
提示:unshift 方法將直接修改原數(shù)組,并將已經(jīng)存在的元素順次地移到較高的下標(biāo)處,而不像其他很多方法一樣得到一個(gè)原數(shù)組的副本。
方法實(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>
運(yùn)行該例子,輸出:
51,2,a,b,c
注意
在 IE 某些版本下,該方法返回的可能是 undefined 而不是新數(shù)組的長(zhǎng)度。
三、JavaScript concat() 方法
定義和用法
concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。
該方法不會(huì)改變現(xiàn)有的數(shù)組,而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本。
語(yǔ)法arrayObject.concat(arrayX,arrayX,......,arrayX)參數(shù) 描述arrayX 必需。該參數(shù)可以是具體的值,也可以是數(shù)組對(duì)象。可以是任意多個(gè)。返回值返回一個(gè)新的數(shù)組。該數(shù)組是通過(guò)把所有 arrayX 參數(shù)添加到 arrayObject 中生成的。如果要進(jìn)行 concat() 操作的參數(shù)是數(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)建了兩個(gè)數(shù)組,然后使用 concat() 把它們連接起來(lái):
<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)建了三個(gè)數(shù)組,然后使用 concat() 把它們連接起來(lái):
<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
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. 利用CSS制作3D動(dòng)畫(huà)2. Java GZip 基于內(nèi)存實(shí)現(xiàn)壓縮和解壓的方法3. python 浮點(diǎn)數(shù)四舍五入需要注意的地方4. 完美解決vue 中多個(gè)echarts圖表自適應(yīng)的問(wèn)題5. Springboot 全局日期格式化處理的實(shí)現(xiàn)6. python開(kāi)發(fā)一款翻譯工具7. JAMon(Java Application Monitor)備忘記8. idea配置jdk的操作方法9. 存儲(chǔ)于xml中需要的HTML轉(zhuǎn)義代碼10. SpringBoot+TestNG單元測(cè)試的實(shí)現(xiàn)
