zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JS 数组方法 every 和 some 的区别

JS方法数组 区别 some every
2023-09-11 14:18:27 时间

  • 1. 前言

  • 2. every 和 some 相同点

  • 3. every 和 some 的区别

  • 4. every 和 some 总结

1. 前言


JS 数组方法 every 和 some 的区别 ? 这是某位前端玩家遇到的面试题

特定场景合理的使用 JS 方法,不仅可以减少我们的代码量,还能更轻松的阅读别人的代码,同时,也能更好的应对面试

2. every 和 some 相同点


every 和 some 都是数组迭代方法,都可以遍历数组。它们的第一个参数都是一个闭包函数,这个闭包函数接收最多接收三个参数,最少接收一个参数,大多数场景下,传递一个参数就足够使用了。它们的返回值都是布尔值

  • item 必写参数, 当前元素

  • index 可选参数, 当前元素的索引值

  • array 可选参数, 当前遍历的数组,也就是 arr

const arr = [2, 4, 6, 8, 10]arr.every((item, index, array) => {    return item < 5})arr.some((item, index, array) => {    return item < 5})

3. every 和 some 的区别


every() 方法用于检测数组的所有元素是否都符合指定条件,即 全真才真

every() 方法会遍历数组,当检测到有一个元素不满足指定条件时,直接返回 false,并且停止遍历,剩余元素不会再进行检测

const arr = [2, 4, 6, 8, 10]const res1 = arr.every(item => item < 5) // falseconst res2 = arr.every(item => item < 20) // true

特别注意: every() 不会对空数组进行检测,当数组为空时,直接返回 true

const res = [].every(item => item < 5)console.log(res); // true

some() 方法用于检测数组中是否有满足指定条件的元素,即 一真就真

some() 方法会遍历数组,当检测到有一个元素满足指定条件时,直接返回 true,并且停止遍历,剩余元素不会再进行检测

const arr = [2, 4, 6, 8, 10]const res1 = arr.some(item => item < 1) // falseconst res2 = arr.some(item => item < 5) // true

特别注意: some() 不会对空数组进行检测,当数组为空时,直接返回 false

const res = [].some(item => item < 1)console.log(res); // false

4. every 和 some 总结


every() 方法用于检测数组元素是否都满足指定条件,都满足时才返回 true;有一个不满足时,返回 false,剩余元素不再进行检测。对于空数组,不会检测,直接返回 true

some() 方法用于检测数组中是否有元素满足指定条件,有一个满足就返回 true;内部遍历数组时,遇到满足指定条件的元素,就返回 true,剩余元素不再进行检测,对于空数组,不会检测,直接返回 false