1. 筛选 (filter)
filter() 方法创建一个新数组,其中只包含满足指定条件的元素。若条件为真,则元素保留;否则,元素被过滤掉。
工作机制:
该方法遍历数组中的每个元素。若回调函数返回 true,则元素被添加到新数组。若返回 false,则元素被忽略。
示例:
立即学习“Java免费学习笔记(深入)”;
const boxers = [ { name: "tyson fury", weight: 280 }, { name: "mairis briedis", weight: 199 }, { name: "artur beterbiev", weight: 175 }, { name: "jermall charlo", weight: 160 }, { name: "terence crawford", weight: 146 }];// 过滤掉体重低于 170 磅的拳击手const heavyBoxers = boxers.filter(boxer => boxer.weight > 170);console.log(heavyBoxers);
登录后复制
输出:
[ { name: "tyson fury", weight: 280 }, { name: "mairis briedis", weight: 199 }, { name: "artur beterbiev", weight: 175 }]
登录后复制
2. 映射 (map)
map() 方法通过对原始数组的每个元素应用指定的转换函数,创建一个新的数组。新数组中的每个元素都是转换函数返回值的副本。
工作机制:
该方法迭代数组中的每个元素。它应用回调函数中定义的转换逻辑。回调函数的结果替换新数组中的原始元素。
示例:
立即学习“Java免费学习笔记(深入)”;
const decimalNumbers = [222, 354, 4684, 123, 5];// 将十进制数转换为十六进制数const hexNumbers = decimalNumbers.map(num => num.toString(16));console.log(hexNumbers);
登录后复制
3. 归并 (reduce)
reduce() 方法用于将数组归并为单个值,通过对每个元素应用回调函数并累积结果来实现。
工作机制:
该方法迭代数组。它将回调函数应用于累加器和当前元素。回调函数的结果成为新的累加器值。最终返回累加器值。
示例:
立即学习“Java免费学习笔记(深入)”;
const numbers = [1, 2, 3, 4, 5];// 计算所有数字的和const sum = numbers.reduce((accumulator, current) => accumulator + current, 0); // 0 是累加器的初始值console.log(sum); // 输出:15
登录后复制
4. 是否存在 (some)
some() 方法检查数组中是否存在至少一个元素满足指定条件。如果任何元素满足条件,则返回 true;否则返回 false。
工作机制:
该方法迭代数组。一旦找到满足条件的元素,它就会停止并返回 true。如果没有元素满足条件,则返回 false。
示例:
立即学习“Java免费学习笔记(深入)”;
const ages = [16, 20, 14, 18];// 检查是否存在至少一个成年人 (年龄 ≥ 18)const hasAdult = ages.some(age => age >= 18);console.log(hasAdult); // 输出:true
登录后复制
5. 全部满足 (every)
every() 方法检查数组中的所有元素是否都满足指定条件。只有当所有元素都满足条件时,才返回 true;否则返回 false。
工作机制:
该方法迭代数组。如果找到任何不满足条件的元素,则会停止并返回 false。如果所有元素都满足条件,则返回 true。
示例:
立即学习“Java免费学习笔记(深入)”;
const scores = [80, 85, 90, 95];// 检查所有分数是否都高于 75const allAbove75 = scores.every(score => score > 75);console.log(allAbove75); // 输出:true
登录后复制
6. 包含 (includes)
includes() 方法检查数组是否包含特定值。如果数组中存在该值,则返回 true;否则返回 false。
工作机制:
该方法检查数组中的值。它使用严格相等 (===) 进行比较。它还可以检查从给定索引开始的特定值。
示例:
立即学习“Java免费学习笔记(深入)”;
const numbers = [1, 2, 3, 4, 5];// 检查是否包含 3const includesThree = numbers.includes(3);console.log(includesThree); // 输出:true
登录后复制
以上就是我们必须了解 JavaScript 数组方法的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2641996.html