【JavaScript】4.26日学习-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_49893586/article/details/124427630

本文详细介绍了JavaScript中的数组创建方式，包括直接创建和使用`new Array()`构造函数。强调了数组作为特殊类型对象的特性，以及数组元素可以包含对象。接着讲解了数组的方法，如`toString()`用于转换为字符串，`push()`和`pop()`用于元素的增删，以及`shift()`用于删除首位元素。最后讨论了数组迭代，特别是`forEach()`方法用于遍历数组并执行操作。内容来源于权威的JavaScript教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript

数组

数组

在单一变量中存储多个值

var num=[1,2,3,4,5];

创建方式

数组在js中有两种创造方式

直接创建数组

var num=[1,2,3,4,5];

运用new关键字

var num=new Array(1,2,3,4,5)

为了简洁与可读性，推荐使用方式一

数组是一种特殊类型的对象
JavaScript 中对数组使用 typeof 运算符会返回 “object”。
但是，JavaScript 数组最好以数组来描述。

数组的元素可以是对象

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript数组</h1>

<p>JavaScript访问数组中对象</p>

<p id="demo"></p>

<script>
var aa={id:1024,name:"黑城笑"}
var bb={major:"network",web:'csdn'}
var test=[aa,bb];
document.getElementById("demo").innerHTML=test[0].id
</script>

</body>
</html>

运行结果

数组和对象的区别

在 JavaScript 中，数组使用数字索引。

在 JavaScript 中，对象使用命名索引。

数组是特殊类型的对象，具有数字索引。

数组方法

把数组转换为字符串

JavaScript 方法 toString() 把数组转换为数组值（逗号分隔）的字符串。

弹出项目与推入项目

pop()与push()
pop()方法是弹出元素，push是推入元素

pop()方法：

//弹出元素，即删除最后一个元素
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数组方法</h1> 

<h2>pop()</h2>



<p id="num1"></p>
pop()方法可返回弹出元素：
<p id="num2"></p>
<p>pop()方法从数组中删除最后一个元素。</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.pop();
document.getElementById("num3").innerHTML = num;
</script>

</body>
</html>

运行结果：push()方法

//push()方法（在数组结尾处）向数组添加一个新的元素：
<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数组方法</h1> 

<h2>push()</h2>


<p id="num1"></p>

push()方法可返回添加元素：
<p id="num2"></p>
<p>push() 方法将新元素追加到数组中。</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.push(6);
document.getElementById("num3").innerHTML = num;
</script>

</body>
</html>

运行结果：
在这里插入图片描述

唯一元素
shift()同pop()方法类似，但是删除首位元素，并将剩下元素左移

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript 数组方法</h1> 

<h2>shift()</h2>



<p id="num1"></p>
shift()方法可返回弹出元素：
<p id="num2"></p>
<p>shift() 方法删除数组的第一个元素（并将所有其他元素“移位”到左侧）：</p>
<p id="num3"></p>
<script>
var num=[1,2,3,4,5];
document.getElementById("num1").innerHTML = num;
document.getElementById("num2").innerHTML= num.shift();
document.getElementById("num3").innerHTML = num;
</script>

</body>
</html>

运行结果：
在这里插入图片描述

数组迭代

数组迭代方法对每个数组项进行操作

Array.forEach()

forEach() 方法为每个数组元素调用一次函数（回调函数）

var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);//每个数组都调用了一次函数

function myFunction(value, index, array) {
  txt = txt + value + "<br>"; 
}