Javascript中数组方法汇总(推荐)

1. 概述

本文总结了Javascript中常用的数组方法，这些方法适用于数组的创建、操作、筛选、遍历等操作。掌握这些方法可以让你更加高效的操作数组，提高编程效率。

2. 常用数组方法

2.1 创建数组

2.1.1 Array()

Array() 方法创建一个新的数组。

示例：

var arr = Array(3);
console.log(arr); // [undefined, undefined, undefined]

2.1.2 Array.from()

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。

示例：

var str = "hello";
console.log(Array.from(str)); // ["h", "e", "l", "l", "o"]

2.2 操作数组

2.2.1 push()

push() 方法将一个或多个元素添加到数组的末尾，并返回新数组的长度。

示例：

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

2.2.2 pop()

pop() 方法从数组末尾删除一个元素，并返回该元素的值。

示例：

var arr = [1, 2, 3];
var el = arr.pop();
console.log(el); // 3
console.log(arr); // [1, 2]

2.3 筛选数组

2.3.1 filter()

filter() 方法创建一个新数组，其中所有通过指定函数测试的元素都被包含在其中。

示例：

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

2.3.2 find()

find() 方法返回数组中通过指定函数测试的第一个元素的值。

示例：

var arr = [1, 2, 3, 4, 5];
var el = arr.find(function(el) {
    return el > 2;
});
console.log(el); // 3

2.4 遍历数组

2.4.1 forEach()

forEach() 方法对数组的每个元素执行一次给定的函数。

示例：

var arr = [1, 2, 3];
arr.forEach(function(el) {
    console.log(el);
});
// 1 2 3

2.4.2 map()

map() 方法创建一个新数组，其结果是该数组中的每个元素通过指定函数执行后的返回值。

示例：

var arr = [1, 2, 3];
var newArr = arr.map(function(el) {
    return el * 2;
});
console.log(newArr); // [2, 4, 6]

3. 结语

以上就是常用的Javascript数组方法，掌握这些内容可以让你更加高效的操作数组。当然，还有其他的方法也很重要，可以深入学习。