push()、shift()與pop()、unshift()、splice()
1、末端的添加和移除:push()是用來在數組末端添加項,pop()在數組末端移除項;
2、前端的添加和移除:shift()在移除數組的第一個項(前端),unshift()在數組前端添加項;
3、push(),unshift()在推入多個項時,各個項之間的順序不變
4、push(),unshift()將數組的長度+1並返回的是數組的長度,pop(),shift()將數組length-1並返回的是移除的項
例如:
var num=new Array();
num.push("1","2","3"); //推入項 數組呈現為①②③
console.log(num.shift());//移除①項,數組呈現為②③
num.unshift(‘‘4‘‘); //在前端添加項,數組呈現為④②③
num.push("5"); //在末端添加項,數組呈現為④②③⑤
console.log(num.shift());//移除數組的第一個項,驗證得到④
num.unshift("6","7","8"); //註意這裏,以及下一句 數組呈現為⑥⑦⑧②③⑤
num.push("9","10"); //數組呈現為⑥⑦⑧②③⑤⑨⑩
splice()的用法
1、刪除功能,第一個參數為第一項位置,第二個參數為要刪除幾個。
array.splice(index,num),返回值為刪除內容,array為結果值。
eg:
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html>
<html>
<body>
<script>
var array = [ ‘a‘ , ‘b‘ , ‘c‘ , ‘d‘ ];
var removeArray = array.splice(0,2);
alert(array); //彈出c,d
alert(removeArray); //返回值為刪除項,即彈出a,b
</script>
</body>
</html>
|
2、插入功能,第一個參數(插入位置),第二個參數(0),第三個參數(插入的項)
array.splice(index,0,insertValue),返回值為空數組,array值為最終結果值
eg:
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html>
<html>
<body>
<script>
var array = [ ‘a‘ , ‘b‘ , ‘c‘ , ‘d‘ ];
var removeArray = array.splice(1,0, ‘insert‘ );
alert(array); //彈出a,insert,b,c,d
alert(removeArray); //彈出空
</script>
</body>
</html>
|
3、替換功能,第一個參數(起始位置),第二個參數(刪除的項數),第三個參數(插入任意數量的項)
array.splice(index,num,insertValue),返回值為刪除內容,array為結果值。
eg:
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html>
<html>
<body>
<script>
var array = [ ‘a‘ , ‘b‘ , ‘c‘ , ‘d‘ ];
var removeArray = array.splice(1,1, ‘insert‘ );
alert(array); //彈出a,insert,c,d
alert(removeArray); //彈出b
</script>
</body>
</html>
|
push()、shift()與pop()、unshift()、splice()