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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

    JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码

    这篇文章主要介绍了JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码,通过阻止浏览器的默认行为各方面分析缩放的功能实现,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • js中async函数结合promise的小案例浅析

    js中async函数结合promise的小案例浅析

    这篇文章主要介绍了js中async函数结合promise的小案例浅析,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • js 判断脚本加载完毕的代码

    js 判断脚本加载完毕的代码

    记录一段代码,用来判断脚本是否加载完毕。
    2011-07-07
  • JavaScript中英文字符长度统计方法示例【按照中文占2个字符】

    JavaScript中英文字符长度统计方法示例【按照中文占2个字符】

    这篇文章主要介绍了JavaScript中英文字符长度统计方法,涉及javascript针对中英文字符的匹配与运算相关操作技巧,需要的朋友可以参考下
    2017-01-01
  • js为什么[]==![]是成立的吗

    js为什么[]==![]是成立的吗

    本文主要介绍了js为什么[]==![]是成立的吗,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-01-01
  • JavaScript 作用域实例分析

    JavaScript 作用域实例分析

    这篇文章主要介绍了JavaScript 作用域,结合实例形式分析了JavaScript函数作用域相关概念、原理及操作注意事项,需要的朋友可以参考下
    2019-10-10
  • 基于JS实现的笛卡尔乘积之商品发布

    基于JS实现的笛卡尔乘积之商品发布

    本文给大家介绍JS实现的笛卡尔乘积之商品发布的相关内容,涉及到js笛卡尔积算法的相关知识,本文介绍的非常详细,具有参考价值,感兴趣的朋友一起学习吧
    2016-05-05
  • js动态生成唯一id的三种方法

    js动态生成唯一id的三种方法

    这篇文章主要介绍了js动态生成唯一id的两种方法,需要的朋友可以参考下
    2023-05-05
  • 简单谈谈JS中的正则表达式

    简单谈谈JS中的正则表达式

    下面小编就为大家带来一篇简单谈谈JS中的正则表达式。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 学前端,css与javascript重难点浅析

    学前端,css与javascript重难点浅析

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,CSS(Cascading Style Sheet)层叠样式表单,今天给大家分享css与javascript重难点,感兴趣的朋友一起看看吧
    2020-06-06

最新评论