JavaScript数组shift与unshift方法

WindySky 2009-07-03

展开全文

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

JavaScript代码

Html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var arr = ["HTML","CSS","JavaScript","DOM"];
var arr2 = [1,2,3,4];
function testShift()
{
var shifted = arr2.shift();
alert(shifted);
}
function testUnshift()
{
arr.unshift("PHP");
alert(arr.join());
}
</script>
</head>
<body>
<input type="button" value="testShift" onclick="testShift();"/>
<input type="button" value="testUnshift" onclick="testUnshift();"/>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
var arr = ["HTML","CSS","JavaScript","DOM"];
var arr2 =  [1,2,3,4];
function testShift()
{
var shifted = arr2.shift();
alert(shifted);
}
function testUnshift()
{
arr.unshift("PHP");
alert(arr.join());
}
</script>
</head>
<body>
<input type="button" value="testShift" onclick="testShift();"/>
<input type="button" value="testUnshift" onclick="testUnshift();"/>
</body>
</html>

点击 ”testUnshift“ 按钮可以看到“arr.unshift("PHP");”一句之后，arr数组的元素增加了一个，正是我们unshift进去的PHP。可以观察到，与pop在数组尾部插入元素不同，unshift加入的元素排在第一个。下面再来看一看点击 ”testShift“按钮对arr2的影响，arr2有什么变化。可见，arr2已经从1,2,3,4变为2,3,4。因为原来的第一个元素"1"，被shift了出去。同样，我们使用了shifted变量存储了shift的返回值