碎片时间学编程「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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容