此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
Array.prototype.shift()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
尝试一下
const array1 = [1, 2, 3];const firstElement = array1.shift();console.log(array1);// Expected output: Array [2, 3]console.log(firstElement);// Expected output: 1语法
shift()返回值
从数组中删除的元素；如果数组为空则返回undefined。
描述
shift 方法移除索引为 0 的元素，并将后续元素的下标依次向前移动，然后返回被移除的元素。如果length 属性的值为 0，则返回undefined。
pop() 方法有着和shift() 相似的行为。但是是作用于数组的最后一个元素上的。
shift() 方法是一个改变方法。它改变了this 的内容和长度。如果你希望保持this 的值不变，但返回一个删除了第一个元素的新数组，你可以使用arr.slice(1)。
shift() 方法是通用的。它只期望this 值具有length 属性和整数键属性。虽然字符串也是类似数组的，但这个方法不适合应用于它们，因为字符串是不可变的。
示例
移除数组中的一个元素
以下代码显示了删除其第一个元素之前和之后的myFish 数组。它还显示已删除的元素：
const myFish = ["angel", "clown", "mandarin", "surgeon"];console.log("调用 shift 之前：", myFish);// 调用 shift 之前： ['angel', 'clown', 'mandarin', 'surgeon']const shifted = myFish.shift();console.log("调用 shift 之后：", myFish);// 调用 shift 之后： ['clown', 'mandarin', 'surgeon']console.log("被删除的元素：" + shifted);// "被删除的元素：angel"在 while 循环中使用 shift()
shift() 方法经常用于 while 循环的条件中。下例中每次迭代都会从一个数组中移除下一项元素，直至它成为空数组。
const names = ["Andrew", "Tyrone", "Paul", "Maria", "Gayatri"];while (typeof (i = names.shift()) !== "undefined") { console.log(i);}// Andrew, Tyrone, Paul, Maria, Gayatri在非数组对象上调用 shift()
shift 方法会读取this 的length 属性。如果规范化长度为 0，length 再次设置为0（而之前可能为负值或undefined）。否则，返回0 处的属性，其余属性向左移动 1。length 属性递减 1。
const arrayLike = { length: 3, unrelated: "foo", 2: 4,};console.log(Array.prototype.shift.call(arrayLike));// undefined，因为它是一个空槽console.log(arrayLike);// { '1': 4, length: 2, unrelated: 'foo' }const plainObj = {};// 这里没有长度属性，所以长度为 0Array.prototype.shift.call(plainObj);console.log(plainObj);// { length: 0 }规范
| Specification |
|---|
| ECMAScript® 2026 Language Specification # sec-array.prototype.shift |