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