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> |