JavaScript 入门教程

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

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

push

JavaScript push() 方法：数组对象

详细说明

push()方法向数组末尾添加一个或多个元素，并返回该数组的新长度。

版本实现

实现于JavaScript 1.2

语法说明

push(element1, element2,.................elementN)

执行一下

代码说明

element1, element2,.................elementN

要添加到数组末尾的元素。

示例：

在以下网页文档中，存在一个数组fruitslist，其初始包含两个元素"Orange"和"Apple"。随后通过push()方法在数组末尾添加了"Banana"和"Chery"两个元素。array.

HTML代码

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

执行一下

<code class=" language-markup">
</code>

JS代码

var fruitslist = new Array("Orange", "Apple");
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Fruits List : " + fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);

var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("Now add 'Banana' and 'Chery' as new fruits.");
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1); 

var newfruitslist=fruitslist.push("Banana", "Chery");
var newParagraph2 = document.createElement("p"); 
var newText2 = document.createTextNode("No of Fruits : " + newfruitslist );  
newParagraph2.appendChild(newText2); 
document.body.appendChild(newParagraph2); 

var newParagraph3 = document.createElement("p"); 
var newText3= document.createTextNode("New fruits List : " + fruitslist); 
newParagraph3.appendChild(newText3); 
document.body.appendChild(newParagraph3);

执行一下

在浏览器中查看示例

另请参阅：

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

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

作者文档