push()shift()与pop()unshift()splice()

Posted phoebeyue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()的主要内容,如果未能解决你的问题,请参考以下文章

pop函数&push函数&shift函数&unshift函数

java数组方法pop() push() unshift() shift()

push以及pop,shift,unshift

js中push(),pop(),unshift(),shift()的用法小结

js中push(),pop(),unshift(),shift()的用法小结

修改数组数据头和尾push()pop()和unshift()shift()