Skip to content

4个你必须了解的JavaScript数组方法

JavaScript数组提供了一个非常强大的API,提供了一些令人惊叹的工具。以下是我们认为每个开发人员都应该了解的4个JavaScript数组方法:

Array.prototype.map()

Array.prototype.map()通过将提供的转换应用于原始数组的每个元素来创建一个新数组。结果是一个与原始数组长度相同的数组,其中的元素根据提供的函数进行了转换。

const arr = [1, 2, 3];
const double = x => x * 2;
arr.map(double); // [2, 4, 6]

Array.prototype.filter()

Array.prototype.filter()通过使用一个过滤函数来创建一个新数组,该函数根据该函数返回true的元素来保留元素。结果是一个长度等于或小于原始数组长度的数组,其中包含与原始数组相同的元素的子集。

const arr = [1, 2, 3];
const isOdd = x => x % 2 === 1;
arr.filter(isOdd); // [1, 3]

JavaScript数组方法

Array.prototype.reduce()

Array.prototype.reduce() 根据一个 reducer 函数和一个初始值创建一个任意类型的输出值。根据提供的 reducer 函数,结果可以是任意类型,例如整数、对象或数组。

const arr = [1, 2, 3];

const sum = (x, y) => x + y;
arr.reduce(sum, 0); // 6

const increment = (x, y) => [...x, x[x.length - 1] + y];
arr.reduce(increment, [0]); // [0, 1, 3, 6]

Array.prototype.find()

Array.prototype.find() 返回第一个使匹配函数返回 true 的元素。结果是原始数组中的单个元素。

const arr = [1, 2, 3];
const isOdd = x => x % 2 === 1;
arr.find(isOdd); // 1