数组对象的unshift与shift方法分别在数组的头部添加和删除一个元素，与push与pop方法的功能基本一样，只不过作用在数组的头部，而非尾部。因此，unshift方法有一个参数，即要添加到数组头部的元素，而shift方法则没有参数，而是返回从数组头部删除的元素。见下面的JS代码：
JavaScript代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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的返回值。
分享到：
相关推荐
"JavaScript数组用法详解" JavaScript 数组是一种非常重要的数据结构，它是一种可以存储多个元素的集合。 JavaScript 数组的元素可以是任何类型，包括数字、字符串、对象、函数等。数组的长度可以动态地变化，可以...
Javascript 数组及其操作 Javascript 数组是一种基本的数据结构，用于存储和操作多个值。数组是一种复杂的数据类型...Javascript 数组是基础的数据结构，提供了多种操作方法和属性，可以满足各种数据处理和计算需求。
JavaScript数组对象继承自Array.prototype，这意味着所有数组对象都能访问到Array原型上定义的方法，比如push、pop、shift、unshift等。 JavaScript数组可以包含任意类型的元素，无论是字符串、数字、布尔值，甚至...
JavaScript数组支持多种操作方法，如`push`（在末尾添加元素）、`pop`（移除并返回末尾元素）、`shift`（移除并返回首位元素）、`unshift`（在首位添加元素）、`slice`（截取子数组）、`splice`（插入、删除或替换...
`push`、`unshift`、`pop`和`shift`是四个重要的数组方法，分别用于在数组的尾部和头部进行添加和删除元素的操作。 1. **push()方法**： `push()`方法用于在数组的末尾添加一个或多个元素，并返回更新后的数组长度...
总结以上，JavaScript数组的unshift、shift、pop和push函数为开发者提供了非常便捷的方式来操作数组元素，这些函数的功能和使用场景需要牢记于心，以便在编程时能够灵活运用。通过这些函数，我们可以有效地管理数组...
本资料"Javascript数组操作整理"聚焦于JavaScript中的数组操作，旨在帮助开发者更好地理解和掌握相关知识。 1. 创建数组： JavaScript提供了多种创建数组的方式，如字面量语法`var arr = [元素1, 元素2, ...]`，或...
JavaScript数组操作函数是编程中非常基础且重要的部分，它们提供了对数组进行各种操作的方法，包括添加、删除、合并以及转换等。以下是对标题和描述中提及的数组操作函数的详细说明： 1. **push()**: `push()` 函数...
与 `shift` 类似，`pop` 方法移除数组的最后一个元素，并返回该元素。若数组为空，则返回 `undefined`。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.pop(); console.log(a); // 输出: [1, 2, 3, 4] console....
下面将详细介绍标题与描述中提到的几个关键的JavaScript数组操作知识点。 ### join(delimiter) `join()` 方法用于将数组的所有元素连接成一个字符串，元素之间通过指定的分隔符 `delimiter` 进行分隔。例如，对于...
例如，你可以使用`push()`方法在数组末尾添加元素，使用`unshift()`方法在数组开头添加元素，而`pop()`和`shift()`则分别用于删除数组末尾和开头的元素。 然而，JavaScript数组在处理过程中可能存在一些陷阱。例如...
了解并熟练运用这些JavaScript数组方法，将极大地提高你在处理数组数据时的效率和灵活性。在实际编程中，这些方法常常结合使用，以满足复杂的数据操作需求。例如，在数据过滤、重组或转换场景中，`splice()` 和 `...
JavaScript数组还提供了许多内置方法，如`push`（在数组末尾添加元素），`pop`（移除并返回数组最后一个元素），`shift`（移除并返回数组第一个元素），`unshift`（在数组开头添加元素），`slice`（返回数组的一部分...
JavaScript 数组提供了多种方法来添加元素，包括 `push`、`unshift`、`splice` 等。 * `push` 方法：将一个或多个元素添加到数组的末尾，并返回数组的新长度。 例如：`var a = [1, 2, 3]; a.push(4, 5); // a: [1,...
`shift()`和`unshift()`是两个重要的数组方法，它们分别用于处理数组的头部元素。 `shift()`方法： 1. **定义**：`shift()`方法从数组的开头移除第一个元素，并返回被移除的元素的值。这个操作会改变数组的长度。 2...
本文将深入讲解JavaScript数组的22种必学方法，按照功能分为10类进行解析。 1. **对象继承方法** - `toString()`：将数组转换为以逗号分隔的字符串。例如，`[1,2,3].toString()`返回`'1,2,3'`。在`alert()`等需要...
JavaScript还提供其他数组操作方法，如`unshift()`在数组开头添加元素，`slice()`截取数组的一部分，`splice()`添加/删除数组元素，`concat()`连接两个或更多的数组，以及`indexOf()`和`lastIndexOf()`查找数组中...
* 数组可以使用 push() 和 unshift() 方法来动态添加元素。 * 数组可以使用 pop() 和 shift() 方法来删除元素。 JavaScript 数组是一种功能强大且灵活的数据类型，广泛应用于各种 JavaScript 编程场景中。