反转数组html+js
时间: 2024-07-07 09:00:18 浏览: 16
在HTML和JavaScript中,反转数组通常涉及到使用数组方法,如`reverse()`,这是一个原地操作,可以直接改变数组的顺序。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>反转数组示例</title>
</head>
<body>
<button onclick="reverseArray()">反转数组</button>
<p id="arrayDisplay">原始数组:</p>
<pre id="arrayContent"></pre>
<script>
function reverseArray() {
let arr = [1, 2, 3, 4, 5]; // 假设这是你要反转的数组
arr.reverse(); // 反转数组
document.getElementById("arrayContent").innerText = JSON.stringify(arr, null, 2); // 更新显示
}
</script>
</body>
</html>
```
在这个例子中:
- 用户点击按钮后触发`reverseArray`函数。
- 函数定义了一个数组`arr`。
- 使用`arr.reverse()`将数组元素顺序反转。
- 结果通过`document.getElementById("arrayContent")`获取到id为`arrayContent`的`<pre>`标签,并用`JSON.stringify()`格式化输出。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)