首页 > 编程语言 >JavaScript Array 对象高阶方法 some、filter、indexOf

JavaScript Array 对象高阶方法 some、filter、indexOf

时间:2022-12-26 02:00:19浏览次数:43  
标签:10 some JavaScript ages filter 数组 var

JavaScript Array 对象高阶方法 some、filter、indexOf

  • 前言
  • 1. some() 检测数组中的元素是否满足指定条件
  • 2. filter() 过滤掉数组中不满足指定条件的值
  • 3. indexOf() 判断一个元素是否在数组中存在

前言


JavaScript Array 对象方法太多了,短时间内记不住的,可以每天学几个日积月累,来学习几个常用的方法吧 !

1. some() 检测数组中的元素是否满足指定条件


用于检测数组中的元素是否满足指定条件,比如: 判断数组中是否存在大于 10 的数组元素

该方法会依次执行数组的每个元素,如果有一个元素满足条件,则返回 true , 剩余的元素不会再执行检测

  1. var ages = [3, 10, 18, 20];

some() 的参数可以是一个函数名或闭包函数,返回值为布尔值

  1. // 参数是函数名
  2. function check(arg) {
  3. return arg > 10;
  4. }
  5. var bool = ages.some(check)
  6. // 参数是闭包函数
  7. // index、arr 分别为数组索引、数组数据
  8. var bool = ages.some(function (item, index, arr) {
  9. return item > 10;
  10. })
  11. console.log(bool)

2. filter() 过滤掉数组中不满足指定条件的值


filter() 参数同 some() 参数, 可以是一个函数名或闭包函数,返回值为数组

  1. var ages = [3, 10, 18, 20];
  2. function getAge(arg) {
  3. return arg > 10
  4. }
  5. var arr = ages.filter(function (item) {
  6. return item > 10;
  7. });
  8. console.log(ages.filter(getAge), arr)

3. indexOf() 判断一个元素是否在数组中存在


  1. var ages = [3, 10, 18, 20];
  2. // 判断数组中是否存在该值
  3. // 不存在返回 -1, 存在返回该元素在数组中的下标
  4. var index = ages.indexOf(18)
  5. console.log(index)

标签:10,some,JavaScript,ages,filter,数组,var
From: https://www.cnblogs.com/10zhan/p/17004907.html

相关文章

  • 实际比较filter2D和imfilter之间的关系
    实际比较filter2D和imfilter之间的关系            卷积运算是图像处理和增强中经常遇到的一种算法。由于很多优秀的开源算法都是采用matlab编写的,......
  • 教你用JavaScript实现调皮的字母
    案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,制作提高打字速度的小游戏-调皮的字母。点击与屏幕上字母相对应的按键,......
  • [Javascript] Chunk array
    Array.from()isagreatwaytochunkuparraysbecauseofthesecondaryargumentbeingamapfunction. consthugeArray=Array.from({length:76},(_,i)=>......
  • 教你用JavaScript实现文字动画
    欢迎来的我的小院,恭喜你今天又要涨知识了!案例内容利用JavaScript实现文字逐步展现的动画效果。演示学习<!DOCTYPEhtml><htmllang="en"><head><metacharse......
  • [Javascript] Destructuring array by using object syntax
    Sincearraysareobjects,wecandestructuretheirindexestoeasilygrabthefirstandlastitmesconstbikes=['bianchi','miele','miyata','benotto','pan......
  • [Javascript] Intl.Collator().compare
    The Intl.Collator objectenableslanguage-sensitivestringcomparison.console.log(['Z','a','z','ä'].sort(newIntl.Collator('de').compare));//expected......
  • 《初识Javascript》
    什么是JavaScript:JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言JavaScript的特点:向HTML页面中添加交互行为脚本语言,语法和Java类似解释性语......
  • 【推荐系统算法实战】协同过滤 CF 算法(Collaborative Filtering)
    什么是协同过滤算法?协同过滤推荐(CollaborativeFilteringRecommendation)。仅仅基于用户行为数据设计的推荐算法一般称为协同过滤算法。学术界对协同过滤算法进行了深......
  • 14个 JavaScript 代码优化技巧
    这篇文章列举了一些技巧,可帮助你写出更好的JavaScript代码,从而提高性能。JavaScript已经成为有史以来最受欢迎的编程语言之一。从W3Tech的数据来看,全世界将近96%的网站......
  • 精心收集的95个超实用的JavaScript代码片段(ES6 +编写)
    Array数组Arrayconcatenation(数组拼接)使用Array.concat(),通过在args中附加任何副本和/或值来拆分一个数组。JavaScript代码:constArrayConcat=(arr,...args)=>[]。c......