总结javascript中遍历数组的几种方法

本篇文章给大家总结了一些javascript遍历数组的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

总结javascript中遍历数组的几种方法

有几种方法可以遍历数组,下面将逐个罗列!

while循环

let index = 0;const array = [1, 2, 3, 4, 5];while (index 

在这里插入图片描述

for循环

const array = [1,2,3,4,5];for(let index=0;index

在这里插入图片描述

forEach

const array=[1,2,3,4,5];array.forEach(function(current_value,index,array){    console.log(`At index ${index} in array ${array} the value is ${current_value}`)})

登录后复制

在这里插入图片描述

立即学习“Java免费学习笔记(深入)”;

map

最后一个构造很有用,但是不会返回新数组,这对于你的特定情况可能是不希望的。map通过对每个元素应用一个函数然后返回新数组来解决此问题。

const array = [1,2,3,4,5];const square = x =>Math.pow(x,2);const squares = array.map(square);console.log(`${array}`);console.log(`${squares}`)

登录后复制

在这里插入图片描述

reduce

reduce()方法对累加器和数组中的每个元素(从左到右)应用一个函数,以将其减小为单个值

const array = [1,2,3,4,5];const sum = (x,y) => x + y;const array_sum = array.reduce(sum,0);console.log(`the sum of arrray:${array} is ${array_sum}`);

登录后复制

在这里插入图片描述

filter

根据布尔函数过滤筛选数组中的元素

const array = [1,2,3,4,5];const even = x => x%2 === 0;const even_array = array.filter(even);console.log(`even numbers in array ${array} : ${even_array}`);

登录后复制

在这里插入图片描述

every

得到了一个数组,想测试每个元素是否满足给定条件

const array = [1,2,3,4,5,8];const under_six = x => x

在这里插入图片描述

some

测试是否至少有一个元素与布尔函数匹配

const array = [2,4,5,6,8];const over_five = x => x>5;if(array.some(over_five)){    console.log(`at least one element bigger than 5 was found`);}else{    console.log(`no element bigger than 5 was found`);}

登录后复制

在这里插入图片描述

到此就结束啦,如果还有其他的欢迎补充!

相关教程推荐:JavaScript视频教程

以上就是总结javascript中遍历数组的几种方法的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2726555.html

(0)
上一篇 2025年3月7日 23:33:08
下一篇 2025年2月25日 22:48:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 深入分析JavaScript的Module模式编程

    基础知识 首先我们要大概了解一下Module模式(2007年由YUI的EricMiraglia在博客中提出),如果你已熟悉 Module 模式,可以跳过本部分,直接阅读”高级模式”。 相关学习推荐:javascrip…

    2025年3月7日
    200
  • Javascript PJAX 原理和使用

    pjax 即 pushState + ajax,它被封装成了一个 jQuery 扩展以方便使用。pjax 主要用来解决 HTML 页面局部刷新 url 不更新和不支持后退和前进的问题,提升用户体验。 pjax原理 pjax 的实现是利用 H…

    2025年3月7日
    200
  • 前端工程师需要掌握哪些知识?

    前端工程师需要掌握哪些知识? 1、能熟练使用HTML、CSS、Javascript,主要工作还是搭建静态页面; 2、学习Bootstrap、jQuery之类,以及AJAX技术; 3、学习进阶框架Angular、Vue、React等。 立即学…

    2025年3月7日
    200
  • javascript警告是什么意思

    javascript警告是弹出警告框的意思,设置方法为:首先在浏览器中按f12,打开控制台;然后在输入框输入【alert(‘警告弹出’)】,并按回车即可 。 javascript中,alert()是弹出警告框的意思。…

    2025年3月7日 编程技术
    200
  • javascript向PHP传递中文乱码怎么办

    javascript向PHP传递中文乱码的解决方法:首先在javascript代码中用【encodeURIComponent()】函数处理中文字符串;然后保证JavaScript和Asp、Php等后端程序间传值编码统一即可。 javascr…

    2025年3月7日
    200
  • 如何使用JavaScript lastIndexOf()方法

    JavaScript lastIndexOf()方法的使用:1、该方法可返回一个指定的字符串值最后出现的位置,如果指定第二个参数start,则在一个字符串中的指定位置从后向前搜索;2、lastIndexOf方法是区分大小写的。 推荐学习:j…

    2025年3月7日
    200
  • JavaScript实现电池状态的方法

    【相关图文推荐:js教程(图文)】 从Mozilla Aurora 11起,火狐浏览器里实现了一些新功能,其中一个就是对电池状态接口的基本实现。这个很简单的接口能提供你关于电池当前电量,是否在充电等信息,以及一些电池状态变化事件。让我们来看…

    2025年3月7日
    200
  • 详解Javascript严格模式

    【相关学习推荐:javascript学习教程】 除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。 设立”严格模式”的目的…

    2025年3月7日
    200
  • 设计一个JavaScript插件系统,重要无比

    【相关学习推荐:javascript视频教程】 WordPress有插件、 jQuery有插件、Gatsby、Eleventy和Vue也是如此。 插件是库和框架的常见功能,并且有一个很好的理由:它们允许开发人员以安全,可扩展的方式添加功能。…

    2025年3月7日
    200
  • 2021高频实用的 JavaScript 片段

    【相关学习推荐:javascript视频教程】 废话不多话,在本文中,列出了一些比较常用或者实用的的 JavaScript 代码片段,希望对你们有所帮助。 1.三元运算符 let someThingTrue = trueif(someThi…

    2025年3月7日
    200

发表回复

登录后才能评论