javascript中的some方法使用解读

 更新时间:2023年01月16日 10:37:47   作者:yezi153  
这篇文章主要介绍了javascript中的some方法使用解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

javascript的some方法使用

some方法的作用

判断数组中至少存在一个元素满足指定条件

例如:

要检查以下数组是否至少有一个小于 5 的元素

// 声明一个数组marks
let marks = [ 4, 5, 7, 9, 10, 3 ];
 
// 声明一个标志变量为lessThanFive值为false
// let lessThanFive = false;
// 调用some方法查找marks中的元素小于5的
// 声明一个标志变量为lessThanFive
let lessThanFive = marks.some(function(e) {
    return e < 5;
});
 
console.log(lessThanFive);

接收2个参数 第一个是回调函数,第二个是thisArg

1) 回调参数

some() 函数对数组中的每个元素执行一次回调函数,直到找到回调函数返回 true 的元素

// 找到满足条件的就返回,不管剩余的其他元素

// 注意 :如果没有条件导致该函数返回true,则原地直接返回false

回调函数接受三个参数:

function callback(currentElement [[, currentIndex], array]){ // ...}

  • currentElement 是数组中正在处理的当前元素。
  • currentIndex 是数组中正在处理的当前元素的索引。
  • 该数组是调用 some() 的数组。

2) thisArg 参数

thisArg是可选参数,如果将 thisArg 传递给方法,则可以在回调函数中使用 thisArg 作为 this 的值

首先,定义一个具有 min 和 max 属性的范围对象

其次,调用标记数组对象上的 some() 方法并传递回调和范围对象。因为我们将范围对象作为第二个参数 (thisArg) 传递,所以我们可以通过 this 值在回调中引用它

javascript中some()和forEach()区别

在forEach()里面return不会终止遍历

在some()里面遇到return true就会终止遍历,迭代效率更高,注意得是return ture

在filter()里面return 也不会

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JavaScript使用Base64编码和Blob对象加密图像url地址

    JavaScript使用Base64编码和Blob对象加密图像url地址

    有时候会看到一些网站的图片src中是blob:http://example.com/7c672acb-375c-4a26-9af9-99cb4c77f04d,这样的图片加载怎么实现呢?本文讲解在浏览器中JavaScript使用解析Base64编码和Blob对象技术来实现,下面是实现的步骤和相应的示例代码,
    2023-12-12
  • js+CSS简单实现瀑布流布局

    js+CSS简单实现瀑布流布局

    瀑布流布局,是一种视觉表现为参差不齐的多栏布局,常用于内容以图片为主的页面展示,本文将使用css和js两种方式来实现瀑布流布局,需要的可以参考下
    2023-11-11
  • 鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解

    鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解

    这篇文章主要介绍了鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解,需要的朋友可以参考下
    2015-03-03
  • 30分钟快速入门掌握ES6/ES2015的核心内容(上)

    30分钟快速入门掌握ES6/ES2015的核心内容(上)

    ES6增加了很多新的语法,很多同学学习起来感觉很别扭,有时候也不理解新增加的语法有什么用,对ES6的学习也没有兴趣进而动力不足、学习效率不高。下面这篇文章将通过30分钟带大家快速入门掌握ES6/ES2015的核心内容,需要的朋友可以参考下。
    2018-04-04
  • 使用url-loader处理图片等资源文件的方法步骤

    使用url-loader处理图片等资源文件的方法步骤

    在Web开发中,处理图片、字体等资源文件是一个常见的需求,传统的做法是将这些资源文件放在静态目录中,然后在HTML或CSS中引用,然而,这种方法在构建工具(如Webpack)中并不总是最理想的,为了解决这个问题,可以使用url-loader,需要的朋友可以参考下
    2025-04-04
  • JavaScript每天定时更换皮肤样式的方法

    JavaScript每天定时更换皮肤样式的方法

    这篇文章主要介绍了JavaScript每天定时更换皮肤样式的方法,涉及javascript针对时间及css样式的相关操作技巧,需要的朋友可以参考下
    2015-07-07
  • JS拖动鼠标画出方框实现鼠标选区的方法

    JS拖动鼠标画出方框实现鼠标选区的方法

    这篇文章主要介绍了JS拖动鼠标画出方框实现鼠标选区的方法,涉及javascript鼠标事件及页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 几句话带你理解JS中的this、闭包、原型链

    几句话带你理解JS中的this、闭包、原型链

    在javascript前端开发阶段经常会遇到this,闭包,原型链知识,那么大家对这三种的基本知识理解吗?今天小编就带领大家一起学习this,闭包,原型链的知识,感兴趣的朋友一起看看吧
    2016-09-09
  • JS监听和响应DOM元素的变化的方法

    JS监听和响应DOM元素的变化的方法

    在前端开发中,处理动态变化的 DOM(文档对象模型)很是常见的需求,比如自动化测试中,可能需要监控 DOM 变化来验证测试条件,在用户填写表单时,某些字段需要即时验证等,所以本文给大家介绍了JS监听和响应DOM元素的变化的方法,需要的朋友可以参考下
    2024-09-09
  • 拆开JavaScript迭代器模式内部黑盒子

    拆开JavaScript迭代器模式内部黑盒子

    这篇文章主要为大家介绍了JavaScript迭代器模式内部黑盒子解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12

最新评论