JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

shift

JavaScript shift() 方法：数组对象

详细说明

shift() 方法用于移除数组的第一个元素。该方法返回被移除的元素，并会改变原数组的长度。

版本实现

实现于JavaScript 1.2

语法说明

shift()

执行一下

代码说明

None

示例：

以下网页文档展示了fruitslist数组在移除其首个元素之前和之后的状态，并显示被移除的元素。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript shift() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : shift() method</h1>
<script src="array-shift-example1.js"></script>
</body>
</html>

执行一下

JS代码

var fruitslist = new Array("Orange","Apple","Banana","Chery" );
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode    ("List of Fruits : "+fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);
var removeelement=fruitslist.shift();
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("The first element of the Fruits List : "+ removeelement); 
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);

执行一下

在浏览器中查看示例

另请参阅：

JavaScript 核心对象、方法及属性。

上一篇：JavaScript reverse() 方法：数组对象
下一篇：JavaScript slice() 方法：数组对象

作者文档