js 数组
时间: 2023-06-21 10:06:15 浏览: 62
JavaScript 中的数组是一种特殊类型的对象,它可以用来存储一组有序的数据。数组中的每个元素都有一个数字索引,从0开始递增,可以通过索引访问数组中的元素。
以下是一些常见的数组操作:
1. 创建数组:可以使用数组字面量(用方括号括起来的一组元素)来创建一个数组,也可以使用 Array 构造函数来创建数组。
```javascript
let arr1 = [1, 2, 3];
let arr2 = new Array(1, 2, 3);
let arr3 = new Array(3); // 创建长度为3的空数组
```
2. 访问数组元素:可以使用方括号加索引的方式来访问数组中的元素。
```javascript
let arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
```
3. 修改数组元素:可以通过索引来修改数组中的元素。
```javascript
let arr = [1, 2, 3];
arr[1] = 4;
console.log(arr); // [1, 4, 3]
```
4. 数组的长度:可以使用数组的 length 属性来获取数组的长度。
```javascript
let arr = [1, 2, 3];
console.log(arr.length); // 3
```
5. 数组的遍历:可以使用 for 循环或者 forEach 方法来遍历数组中的元素。
```javascript
let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
// 或者
arr.forEach(function(item) {
console.log(item);
});
```
6. 数组的添加和删除元素:可以使用 push、pop、unshift、shift 等方法来添加和删除数组中的元素。
```javascript
let arr = [1, 2, 3];
arr.push(4); // 添加元素 4 到数组末尾
console.log(arr); // [1, 2, 3, 4]
arr.pop(); // 删除数组末尾的元素
console.log(arr); // [1, 2, 3]
arr.unshift(0); // 添加元素 0 到数组开头
console.log(arr); // [0, 1, 2, 3]
arr.shift(); // 删除数组开头的元素
console.log(arr); // [1, 2, 3]
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)