JS数组学习之根据数组下标添加元素

在JavaScript中，数组是一个非常常用的数据结构。它能够存储一系列相同类型的数据，并根据下标来访问相应的元素。但是，在某些情况下，我们可能需要向数组中添加新的元素，本文将介绍如何根据数组下标添加元素。

先来看一个例子：

let arr = ["apple", "banana", "orange"];
arr[3] = "pear";

console.log(arr);

这个例子中，我们创建了一个包含三个字符串的数组arr。然后，我们使用数组的下标操作符[]，将一个新的字符串"pear"添加到了数组的第四个位置上。最后，我们打印了一下数组的内容：

["apple", "banana", "orange", "pear"]

可以看到，新的元素已经成功地添加到了数组中，并且它的下标为3，这是因为JavaScript中的数组下标从0开始计数。

除了使用下标操作符来添加新元素外，还有两种常用的方法：

#### 1. 使用数组的push()方法

数组的push()方法可以在数组的末尾添加一个或多个元素，并返回新数组的长度。例如：

let arr = ["apple", "banana", "orange"];
arr.push("pear");

console.log(arr);

输出结果为：

["apple", "banana", "orange", "pear"]

可以看到，新元素"pear"已经被添加到了数组的末尾。

#### 2. 使用数组的unshift()方法

数组的unshift()方法可以在数组的开头添加一个或多个元素，并返回新数组的长度。例如：

let arr = ["apple", "banana", "orange"];
arr.unshift("pear");

console.log(arr);

输出结果为：

["pear", "apple", "banana", "orange"]

可以看到，新元素"pear"已经被添加到了数组的开头。

总结：

有了以上方法，我们就可以根据数组下标轻松地添加新元素了。需要注意的是，使用下标操作符添加新元素时，必须保证该下标在数组的范围内，否则会添加失败。同时，在使用push()或unshift()方法添加新元素时，可以添加任意数量的元素，但是它们都会按照添加的顺序出现在数组中。