JS中some和every的区别和用法详解

 更新时间:2023年05月10日 14:49:02   作者:虚无——缥缈  
every 和 some 都是数组迭代方法,都可以遍历数组,这篇文章主要介绍了JS中some和every的区别和用法,需要的朋友可以参考下

JS中some和every的区别和用法

some和every是数组中迭代的方法
相同点:some和every都有三个参数,即item→当前项,index→当前的索引值,array→数组本身;都可以遍历数组

不同点:

some相当于逻辑关系中的或,只要有一个参数满足条件,则中断遍历,返回true,如果遍历完所有参数,没有找到符合的项,即返回false;every相当于关系中的且,只有所有关系都满足条件时才返回true,一旦有一个不满足,则中断遍历,返回fasle。

通俗一点就是 some:一真即真,every:一假即假

let arr = [7, 6, 5, 4, 3, 2, 1,0];
    //一真即真,满足一个条件都返回 true
    console.log('some-→' + arr.some((item, index,array) => {
        console.log(array)
        return item > 6 // 返回true
    }));
    //一假即假,一个条件不满足就返回false
    console.log('every-→' + arr.every((item, index) => {
        return  item  // 返回 false
    }));

总结:

some:循环遍历找到符合条件的值,一旦找到则不会继续迭代下去。

every:循环遍历是否符合条件,一旦有一个不符合条件,则不会继续迭代下去。

扩展: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

到此这篇关于JS中some和every的区别和用法的文章就介绍到这了,更多相关js some和every内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JS弹出对话框实现方法(三种方式)

    JS弹出对话框实现方法(三种方式)

    这篇文章主要介绍了JS弹出对话框实现方法,结合实例形式分析了三种方式,包括alert、confirm及prompt,非常简单实用,需要的朋友可以参考下
    2015-12-12
  • Javascript实现重力弹跳拖拽运动效果示例

    Javascript实现重力弹跳拖拽运动效果示例

    本文为大家详细介绍下使用Javascript实现重力弹跳拖拽运动的具体调用方法,感兴趣的朋友可以参考下哈
    2013-06-06
  • TypeScript模块与命名空间的关系和使用方法

    TypeScript模块与命名空间的关系和使用方法

    在TypeScript中就像在EC5中一样,任何包含顶级import或export的文件都被认为是一个模块,下面这篇文章主要给大家介绍了关于如何在TypeScript使用模块与命名空间以及注意事项的相关资料,需要的朋友可以参考下
    2023-03-03
  • js实现根据文件url批量压缩下载成zip包

    js实现根据文件url批量压缩下载成zip包

    本文主要介绍了js实现根据文件url批量压缩下载成zip包,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • Javascript中字符串相关常用的使用方法总结

    Javascript中字符串相关常用的使用方法总结

    本篇文章主要介绍了Javascript中字符串相关常用的使用方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 第十篇BootStrap轮播插件使用详解

    第十篇BootStrap轮播插件使用详解

    Bootstrap 轮播插件是一种灵活的响应式的向站点添加滑块的方式。本文给大家介绍BootStrap轮播插件使用详解,非常不错具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06
  • Input文本框随着输入内容多少自动延伸的实现

    Input文本框随着输入内容多少自动延伸的实现

    下面小编就为大家带来一篇Input文本框随着输入内容多少自动延伸的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • JavaScript快速排序(quickSort)算法的实现方法总结

    JavaScript快速排序(quickSort)算法的实现方法总结

    快速排序的思想式 分治法,选一个基准点,然后根据大小进行分配,分配然完毕之后,对已经分配的进行递归操作,最终形成快速排序,所以递归也是快速排序思想的一个重要组成部分,本文主要给大家介绍了JavaScript实现快速排序的写法,需要的朋友可以参考下
    2023-11-11
  • 聊聊JS ES6中的解构

    聊聊JS ES6中的解构

    这篇文章主要介绍了JS ES6中的解构,对解构感兴趣的同学,可以参考下
    2021-04-04
  • js实现页面跳转的五种方法推荐

    js实现页面跳转的五种方法推荐

    下面小编就为大家带来一篇js实现页面跳转的五种方法推荐。小编觉得挺不错的。现在分享给大家,让大家参考一下
    2016-03-03

最新评论