JavaScript数组shift与unshift方法

数组对象的unshift与shift方法分别在数组的头部添加和删除一个元素，与push与pop方法的功能基本一样，只不过作用在数组的头部，而非尾部。因此，unshift方法有一个参数，即要添加到数组头部的元素，而shift方法则没有参数，而是返回从数组头部删除的元素。见下面的JS代码：

JavaScript代码

<script type="text/javascript">
 var arr = ["HTML","CSS","JavaScript","DOM"];
 var arr2 =  [1,2,3,4];
 arr.unshift("PHP");
 var shifted = arr2.shift();
</script>

测试数组的shift与unshift方法

点击上面的按钮可以看到“arr.unshift("PHP");”一句之后，arr数组的元素增加了一个，正是我们unshift进去的PHP。可以观察到，与pop在数组尾部插入元素不同，unshift加入的元素排在第一个。下面再来看一看对arr2调用shift方法之后的，arr2有什么变化。

可见，arr2已经从1,2,3,4变为2,3,4。因为原来的第一个元素"1"，被shift了出去。同样，我们使用了shifted变量存储了shift的返回值。可以点击下面的按钮查看shifted变量的值。

JavaScript数组对象