码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【JavaScript复习十三】数组方法三


    欢迎来到JS复习专栏,本文章主要内容为Arrayd的其他方法

    文章目录

      • Array其他方法
        • includes()
        • find()
        • findIndex()
        • every()
        • some()
        • forEach() 遍历
        • map()方法
        • filter()
        • reduce()方法

    Array其他方法

    includes()

    arr.includes(想要查找的元素, [position]);
    
    • 1

    判断一个数组中是否包含指定的元素。如果是,则会返回 true;否则返回 false。

    参数中的 position:如果不指定,则默认为0;如果指定,则规定了检索的起始位置。

    const arr = [11, 12, 13, 14, 15];
    console.log(arr.includes(12)); // 打印结果:true
    console.log(name.includes(20)); // 打印结果:false
    console.log(name.includes(11, 1)); // 打印结果:false
    
    • 1
    • 2
    • 3
    • 4

    find()

    find((item, index, arr) => {
        return true;//这里是条件
    });
    
    • 1
    • 2
    • 3

    作用:找出第一个满足指定条件返回 true的元素;如果没找到,则返回 undefined。

    注意:

    一旦找到符合条件的第一个元素,将不再继续往下遍历。

    findIndex()

    findIndex((item, index, arr) => {
        return true;
    });
    
    • 1
    • 2
    • 3

    找出第一个满足「指定条件返回 true」的元素的 index。

    every()

    every():对数组中每一项运行回调函数,如果都返回 true,every 就返回 true;如果有一项返回 false,则停止遍历,此方法返回 false。

    注意:every()方法的返回值是 boolean 值,参数是回调函数。


    some()

    some():对数组中每一个元素运行回调函数,只要有一个元素返回 true,则停止遍历,此方法返回 true。

    注意:some()方法的返回值是 boolean 值。

    forEach() 遍历

    数组中有几个元素,该回调函数就会执行几次。

    回调函数中传递三个参数:

    • 第一个参数,就是当前正在遍历的元素

    • 第二个参数,就是当前正在遍历的元素的索引

    • 第三个参数,就是正在遍历的数组

    注意:

    如果纯粹只是遍历数组,那么,可以用 forEach() 方法。但是,如果你想在遍历数组的同时,去改变数组里的元素内容,那么,最好是用 map() 方法来做。

    map()方法

    arr.map(function (item, index, arr) {
        return newItem;
    });
    
    • 1
    • 2
    • 3

    对数组中每一项运行回调函数,返回该函数的结果,组成的新数组(返回的是加工之后的新数组)。不会改变原数组。

    对数组中的每一项进行加工。

    filter()

    arr.filter(function (item, index, arr) {
        return true;
    });
    
    • 1
    • 2
    • 3

    对数组中的每一项运行回调函数,该函数返回结果是 true 的项,将组成新的数组(返回值就是这个新的数组)。不会改变原数组。

    reduce()方法

    reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。返回值是回调函数累计处理的结果。

    arr.reduce(function (previousValue, currentValue, currentIndex, arr) {}, initialValue);
    参数解释:

    • previousValue:必填,上一次调用回调函数时的返回值

    • currentValue:必填,当前正在处理的数组元素

    • currentIndex:选填,当前正在处理的数组元素下标

    • arr:选填,调用 reduce()方法的数组

    • initialValue:选填,可选的初始值(作为第一次调用回调函数时传给 previousValue 的值)

  • 相关阅读:
    016python-函数怎么引用不同的模块
    hive抽取mysql里的表,如果mysql表没有时间字段如何做增量抽取数据
    架构设计 - MySQL 插入数据性能优化策略
    【RT-Thread】nxp rt10xx 设备驱动框架之--pwm搭建和使用
    开源FFMpeg(四)——使用SDL进行音频播放下(使用篇)
    分布式天花板?阿里百万架构师的ZK+Dubbo笔记,颠覆认知
    mysql数据库报错:1166-Incorrect column name ‘xxx‘
    [管理与领导-112]:IT人看清职场中的隐性规则 - 9 - 付出与回报的关系:先付出,后回报,不行就止损,这才是职场价值交换的本质
    自然语言处理从零到入门 NLP
    RNA脂质体纳米颗粒|雷公藤内酯醇脂质体纳米颗粒负载RNA核糖核酸|规格信息
  • 原文地址:https://blog.csdn.net/weixin_62542181/article/details/126090447
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号