js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结引言 ES6 为 javascript 为数组遍历提供了新的一种方式 for of 那之前的遍历方法各存在哪些缺点 for of 有什么好处 接下来 我们先回顾一下有多少种方式 方法 第一种 for 循环特点 1 代码不够简洁 2 常用 性能比较好 数组较大时 也需要优化 第二种 forEach 特点 代码比较简洁 但是没法中断停止整个循环 性能比 for 弱第三种 for

引言:

ES6为javascript为数组遍历提供了新的一种方式: for….of….。那之前的遍历方法各存在哪些缺点?for…of…有什么好处?接下来,我们先回顾一下有多少种方式。

方法:

第一种: for 循环

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

1. 代码不够简洁

2.常用,性能比较好,数组较大时,也需要优化。

第二种: forEach

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

代码比较简洁,但是没法中断停止整个循环,性能比for弱

第三种: for ….in…

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

更常用于对象遍历,注意点输出的i 是一个字符串类型,非数值类型,要用,通常还得转换,效率也比较低

第四种:for…of… (es6新增)

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

1. 可以用break终止循环,continute跳出当前循环,继续后面的循环

2. 用keys()方法获得数值型索引。

4. 能遍历的对象有:数组,类数组对象,字符串,set和map结构等具有iterator接口的数据结构

第五种: filter

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

不会对空数组检测 ,不会改变原始数组

第六种:map

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:支持return 返回值,实际使用效率比foreach还低

第七种:every

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

检测数组所有元素都符合条件返回true,否则返回false.

第八种: some

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

检测数组只要有一个符合条件就返回true,剩下元素不会再继续执行,全部不符合返回false

第9种:reduce & reduceRight

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

reduce ()接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值

reduceRigh()  跟reduce不一样的是 他是从右边到左边。

第10种: find() & findIndex()

js 数组遍历符合条件跳出循环体_Js数组遍历方法对比总结

特点:

1.find() 返回数组中符合测试函数条件的第一个元素。否则返回undefined 。

2.findIndex() 返回数组中符合测试函数条件的第一个元素位置

总结: for…of 是es6新出的一种遍历方式,能遍历的对象有:数组,类数组对象,字符串,set和map结构等具有iterator接口的数据结构。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/178714.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午4:39
下一篇 2026年3月26日 下午4:39


相关推荐

  • SDK开发工具_软件开发工具下载

    SDK开发工具_软件开发工具下载sdk(软件开发工具包)软件开发工具包一般都是一些软件工程师为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件时的开发工具的集合。软件开发工具包括广义上指辅助开发某一类软件的相关文档、范例和工具的集合。软件开发工具包是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等创建应用软件的开发工具的集合,一般而言SDK即开发Windows平台下的应用程序所使用…

    2025年7月13日
    5
  • java webservice原理_轻松搞懂WebService工作原理

    java webservice原理_轻松搞懂WebService工作原理用更简单的方式给大家谈谈 WebService 让你更快更容易理解 希望对初学者有所帮助 WebService 是基于网络的 分布式的模块化组件 我们直接来看 WebService 的一个简易工作流程 客户端 gt 阅读 WSDL 文档 了解 webservice 的请求 gt 调用 WebService 上面的流程是一个大致的描述 客户端阅读 WSDL 文档发送请求 然后调用 Web 服务器最后返回给客户端

    2026年2月1日
    3
  • 大肚能容天下难容之事_研学讲解

    大肚能容天下难容之事_研学讲解DCGAN入门前言DCGAN介绍所需环境代码解刨训练集获取所需参数构造前期准备工作代码编写日志输出训练节点保存训练节点读取生成优化器权重初始化图像数据集读取运行额外参数核心代码生成器G(x)判别器D(x)主函数结果展示学以致用前言根据之前的两片入门级别的GAN文章,相信各位对GAN有一丝丝了解。知道对抗网络究竟是干什么的就能读懂这篇文章了=·=DCGAN介绍DCGAN的英文全名为:DeepConvolutionGenerativeAdversarialNetworks顾名思义,DCG

    2025年7月4日
    6
  • systemproperties_安卓system下载

    systemproperties_安卓system下载该楼层疑似违规已被系统折叠隐藏此楼查看此楼android状态栏点击右上角锁屏教程1.反编辑systemUI.apk2.打开res\layout的status_bar.xml3.查找字符这段代码的上面一行加入以下代码android:layout_gravity=”right”androidrientation=”vertical”android:id=”@id/home”android:lay…

    2026年1月20日
    5
  • datatable删除行

    先列出正确的写法,如果你只想马上改错就先复制吧,如果你有时间想学习一下就继续看下面列出可能出错的可能性吧。1.如果只是想删除datatable中的一行,可以用DataRow的delete,但是必须

    2021年12月24日
    38
  • roseha linux,ROSEHA双机软件图解安装配置linux.docx

    roseha linux,ROSEHA双机软件图解安装配置linux.docxROSEHA 双机软件图解安装配置最近给客户做了一个双机系统 双机软件是臭名昭著的 roseha 本来不建议客户买这种双机软件的 但是由于各种商务原因 客户还是买了这个 rose 软件 那么我的苦难之旅也就开始了 安装配置本来很简单 但是商业软件限制太严 软件封闭性很强冲间枉费了不少周折 下面就开始吧 如何在 Linux 环境下安装 RoseHA 本文假设坏境为 Linux 操作系统 采用 9 2 版本的 orac

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号