原文:https://blog.csdn.net/lan861698789/article/details/95041635
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].οnclick= 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 }