碎片时间学编程「11」:你必须知道的 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]

?

???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

我的网站：https://www.icoderoad.com