JavaScript手册之数组push、pop及shift、unshift-CSDN博客

本文详细介绍了JavaScript中数组的四个常用方法：push、pop、shift和unshift的功能、语法及使用示例，帮助读者掌握如何有效地操作数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

push方法

语法：ObjectArray.push(newelement1[,newelement2,newelementX]);

作用：在数组最后添加一个或更多元素

返回值：把指定值添加后的新数组长度

说明：push方法提供把指定的数组添加到ObjectArray尾部，push方法直接修改原数组，而并非创建新数组

注释：此方法会改数组的长度

扩展：若想在数组的开头添加一个或多个元素，可以使用unshift()方法

 1 <script type="text/javascript">
 2 
 3 var arr = new Array(3)
 4 arr[0] = "George"
 5 arr[1] = "John"
 6 arr[2] = "Thomas"
 7 
 8 document.write(arr + "<br />")
 9 document.write(arr.push("James") + "<br />")
10 document.write(arr)
11 
12 </script>
13 输出：
14 George,John,Thomas
15 4
16 George,John,Thomas,James

pop方法

语法：ObjectArray.pop();

作用：获得数组中的最后一个元素并删除

返回值：ObjectArray中的最后一个值

说明：pop方法提供把指定的数组中删除最后一个元素并获得该元素的值,pop方法不会创建新数组,并把数组长度减1，如果数组为空则不改变长度，返回undefined

注释：此方法会改变数组长度

扩展：push和pop方法组成了先进后出的栈结构

 1 <script type="text/javascript">
 2 
 3 var arr = new Array(3)
 4 arr[0] = "George"
 5 arr[1] = "John"
 6 arr[2] = "Thomas"
 7 
 8 document.write(arr)
 9 
10 document.write("<br />")
11 
12 document.write(arr.pop())
13 
14 document.write("<br />")
15 
16 document.write(arr)
17 
18 </script>
19 输出：
20 George,John,Thomas
21 Thomas
22 George,John

shift方法

语法：ObjectArray.shift();

作用：删除并返回数组中第一个值

返回值：ObjectArray中的第一个元素值

说明：shift方法提供把指定的数组中第一个元素删除并获得该元素的值，并把数组长度减1，如果数组为空则不改变长度，返回undefined

注释：此方法会改变数组长度

扩展：如果要删除最后一个元素并获得最后一个元素的值，使用pop方法

 1 <script type="text/javascript">
 2 
 3 var arr = new Array(3)
 4 arr[0] = "George"
 5 arr[1] = "John"
 6 arr[2] = "Thomas"
 7 
 8 document.write(arr + "<br />")
 9 document.write(arr.shift() + "<br />")
10 document.write(arr)
11 
12 </script>
13 输出：
14 George,John,Thomas
15 George
16 John,Thomas

unshift方法

语法：ObjectArray.unshift(newelement1[,newelement2,newelementX]);

作用：把指定的一个或多个元素添加到ObjectArray数组中的第一个之前

返回值:ObjectArray数组的新长度

说明：unshift方法提供把指定的一个或多个元素添加到ObjectArray第一个元素之前，第一个参数为添加后的第0个元素，第二个参数为第1个元素

注释：此方法会改变数组长度

扩展：如果想把元素添加到尾部，请使用push方法

 1 <script type="text/javascript">
 2 
 3 var arr = new Array()
 4 arr[0] = "George"
 5 arr[1] = "John"
 6 arr[2] = "Thomas"
 7 
 8 document.write(arr + "<br />")
 9 document.write(arr.unshift("William") + "<br />")
10 document.write(arr)
11 
12 </script>
13 
14 输出：
15 George,John,Thomas
16 Thomas
17 George,John