js數組的常見操作( push、pop、unshift、shift、splice、concat、 join)的用法

轉載:https://blog.csdn.net/lily2016n/article/details/76974910

 

1、數組添加刪除 頭部或尾部( push()、pop()、unshift()、shift() )

例2、數組尾部添加 push()方法可向數組的末尾添加一個或多個元素,並返回新的長度 
語法:arrayObject.push(newelement1,newelement2,….,newelementX)

btn[2].onclick = function(){ var arr = [1,2,3,4,5] arr.push(6) alert(arr) //1,2,3,4,5,6 }//尾部添加一個元素

 

例3、數組尾部刪除 pop()方法用於刪除並返回數組的最後一個元素 
語法:arrayObject.pop()

btn[3].onclick = function(){ var arr = [1,2,3,4,5] arr.pop() alert(arr) //1,2,3,4 }//尾部刪除一個

 

例4:數組頭部添加 unshift() 方法可向數組的開頭添加一個或更多元素,並返回新的長度 
語法:arrayObject.unshift(newelement1,newelement2,….,newelementX)

btn[4].onclick= function(){ var arr = [1,2,3,4,5] arr.unshift('w') alert(arr) //w,1,2,3,4,5 }//頭部添加一個

 

例5:數組頭部刪除 shift() 方法用於把數組的第一個元素從其中刪除,並返回第一個元素的值 
語法:arrayObject.shift()

btn[5].onclick = function(){ var arr = [1,2,3,4,5] arr.shift() alert(arr)//2,3,4,5 }//頭部刪除一個

 

2、對數組刪除\添加、替換的用法 splice()的用法 
例1、數組刪除 splice() –可以刪除任意數量的項,只需要指定2個參數:要刪除的第一項的位置和要刪除項的項數 
語法: arr.splice(起點,長度) 【如 arr.splice(0,2) 會刪除數組中的前兩項。】


btn[6].onclick = function(){ var arr = [1,2,3,4,5] arr.splice(1,3)//從第一個元素後面,刪除三個元素 alert(arr)//1,5 }//刪除2-4

 

例2:數組添加 splice() –可以向指定位置插入任意數量的項,只需要提供3個參數:插入起始位置、0(要刪除的項數)和要插入的項。 如果要插入多個項,可以再傳入第四、第五,一直任意多個項。 
語法:arr.splice(起點,長度爲0,需要添加的元素) 【如 arr.splice(2,0,”a”,”b”)會從位置2開始插入字符串“a”和”b”】
btn[7].onclick = function(){ var arr = [1,2,3,4,5] arr.splice(1,0,'abc')//從第一個元素後面,添加abc元素 alert(arr)//1,abc,2,3,4,5 }//添加abc

 

例3:數組的替換 splice()–即刪除和插入數量相等項數的綜合應用,可以指向指定位置插入任意數量的項,且同時刪除任意數量的項,只需要指定3個指定參數:起始位置、要刪除的項數和要插入的任意數量項。 插入的項數是不必與刪除的項數相等。 
語法:arr.splice(起點,長度爲要替換的個數,替換後的元素) 【如splice(2,2,”a”,”b”) 會刪除當前數組位置2的項,然後再從位置2開始插入字符串“a”和“b”。】 
btn[8].onclick = function(){
    var arr = [1,2,3,4,5]
    arr.splice(2,2,'a','b')//從第二個元素後面,添加a,b元素
    alert(arr) //1,2,a,b,5
}//在第二位後面刪除2位又添加2位
 

3、數組連接、分割(concat()、join()的用法)

例1、數組連接 concat() 方法用於連接兩個或多個字符串。該方法沒有改變原有字符串,但是會返回連接兩個或多個字符串新字符串 
語法:string.concat(string1, string2, …, stringX) 
btn[9].onclick = function(){
    var a = [1,2,3] 
    var b = [4,5,6]
    var arr = a.concat(b) //concat()方法用於連接兩個或多個數組
    alert(arr) //1,2,3,4,5,6
}
例2、數組分隔 join()方法用於把數組中的所有元素放入一個字符串。 
語法:arrayObject.join(separator)

btn[10].onclick = function(){ var a = [1,2,3,4,5,6] a.join('-')//使用分隔符來分隔數組中的元素 alert(a.join('-'))//1-2-3-4-5-6 }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章