JavaScript 数组详解以及用法一文全搞定

139 阅读2分钟

定义

JavaScript数组是一种用于存储多个值的数据结构。它可以存储任何类型的值,包括数字、字符串、对象、函数等。数组是一个有序的集合,每个元素都有一个唯一的索引,从0开始。

1. 创建数组

1.1 使用数组字面量

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

1.2 使用Array构造函数

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

2. 访问数组元素

可以使用索引来访问数组元素。数组的第一个元素的索引是0,第二个元素的索引是1,以此类推。

var arr = [1, 2, 3, 4, 5]; 
console.log(arr[0]); // 输出1 
console.log(arr[2]); // 输出3

3. 修改数组元素

可以使用索引来修改数组元素的值。

var arr = [1, 2, 3, 4, 5]; 
arr[0] = 6; 
console.log(arr); // 输出[6, 2, 3, 4, 5] 

4. 数组长度

可以使用length属性来获取数组的长度。

var arr = [1, 2, 3, 4, 5]; 
console.log(arr.length); // 输出5 

5. 添加元素

可以使用push()方法向数组末尾添加一个元素。

var arr = [1, 2, 3, 4, 5]; 
arr.push(6); 
console.log(arr); // 输出[1, 2, 3, 4, 5, 6]

6. 删除元素

6.1 可以使用pop()方法从数组末尾删除一个元素。

var arr = [1, 2, 3, 4, 5]; 
arr.pop(); 
console.log(arr); // 输出[1, 2, 3, 4] 

6.2 可以使用splice()方法从数组中删除一个或多个元素。

var arr = [1, 2, 3, 4, 5]; 
arr.splice(2, 1); 
console.log(arr); // 输出[1, 2, 4, 5] 

7. 遍历数组

7.1 可以使用for循环来遍历数组。

var arr = [1, 2, 3, 4, 5]; 
for (var i = 0; i < arr.length; i++) { 
    console.log(arr[i]); 
} 

7.2 可以使用forEach()方法来遍历数组。

var arr = [1, 2, 3, 4, 5]; 
arr.forEach(function(item) { 
    console.log(item); 
}); 

8. 数组排序

8.1 可以使用sort()方法对数组进行排序。

var arr = [3, 1, 4, 2, 5]; 
arr.sort(); 
console.log(arr); // 输出[1, 2, 3, 4, 5] 

8.2 可以使用reverse()方法将数组反转。

var arr = [1, 2, 3, 4, 5]; 
arr.reverse(); 
console.log(arr); // 输出[5, 4, 3, 2, 1] 

9. 数组合并

可以使用concat()方法将两个数组合并成一个数组。

var arr1 = [1, 2, 3]; 
var arr2 = [4, 5, 6]; 
var arr3 = arr1.concat(arr2); 
console.log(arr3); // 输出[1, 2, 3, 4, 5, 6] 

10. 数组查找

可以使用indexOf()方法查找数组中是否包含某个元素。 如果数组中不存在该元素,则返回-1。

var arr = [1, 2, 3, 4, 5]; 
console.log(arr.indexOf(3)); // 输出2 

11. 数组过滤

可以使用filter()方法过滤数组中的元素。

var arr = [1, 2, 3, 4, 5]; 
var newArr = arr.filter(function(item) { 
    return item > 3; 
}); 
console.log(newArr); // 输出[4, 5] 

12. 数组映射

可以使用map()方法将数组中的元素映射成新的元素。

var arr = [1, 2, 3, 4, 5]; 
var newArr = arr.map(function(item) { 
    return item * 2; 
}); 
console.log(newArr); // 输出[2, 4, 6, 8, 10] 

13. 数组归约

可以使用reduce()方法将数组中的元素归约成一个值。

var arr = [1, 2, 3, 4, 5]; 
var sum = arr.reduce(function(prev, curr) { 
    return prev + curr; 
}); 
console.log(sum); // 输出15 

以上是JavaScript数组的一些常用方法和用法。数组是JavaScript中非常重要的数据结构,掌握好数组的使用方法可以让我们更加高效地编写代码。