W3CAPI 在线教程 | 菜鸟教程_LOGO
文档目录
文档目录
我的书签
 

JavaScript

JavaScript 入门教程

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

W3CAPI
1
2020-06-18 07:05:48

reverse

JavaScript reverse() 方法:数组对象

详细说明

reverse()方法用于反转数组中元素的顺序。即第一个数组元素变为最后一个,而最后一个变为第一个。

版本实现

于JavaScript 1.1中实现

语法说明

reverse()
执行一下

代码说明

None

示例:

以下网页文档中存在一个包含四个元素的数组fruitslist,随后对其应用了reverse()方法。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript reverse() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : reverse() method</h1>
<script src="array-reverse-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 newfruitslist=fruitslist.reverse();

var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("New List of Fruits : " + newfruitslist);
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);
 
执行一下

在浏览器中查看示例

另请参阅:

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

上一篇:JavaScript push() 方法:数组对象
下一篇:JavaScript shift() 方法:数组对象

相关提问
敬请期待