JS的数组遍历的常用方法实例

本文主要和大家分享JS的数组遍历的常用方法实例,本文有三种方法,希望能帮助到大家。

第一种:for循环

for(var i=0 , len= arr.length ; i

第二种:forEach

var arr=[12,14,15,17,18];var res=arr.forEach(function(item,index,input){   input[index]=item*10;});console.log(res);     //undefinedconsole.log(arr);     //会对原来的数组产生改变

登录后复制

        参数说明:item:数组中的当前项

                       index:当前项的索引

                       input:原始的数组input

        重要说明:没有返回值(res还是无法返回新数组,且原数组也没有改变,因为input值没变)  

var arr=[12,14,15,17,18];var res=arr.forEach(function(item,index,input){   return item*10;});console.log(res);     //undefinedconsole.log(arr);     //[12,14,15,17,18]没变

登录后复制

        其他说明:匿名函数的this指向Windows

                       如果匿名函数中对数组有修改,会修改到原数组

第三种:map

var arr=[12,14,15,17,18];var res=arr.map(function(item,index,input){    return item*10;});console.log(res);    //[120,140,150,170,180]console.log(arr);    //[12,14,15,17,18]

登录后复制

        参数说明:item:数组中的当前项

                       index:当前项的索引

                       input:原始的数组input

        重要说明:有返回值 (要是不给返回值,res就是undefined,但res确实是个数组,只要改变input,原数组就会改变)

var arr=[12,14,15,17,18];var res=arr.map(function(item,index,input){   input[index]=item*10;});console.log(res);     //[undefined, undefined, undefined, undefined, undefined]console.log(arr);     //[120,140,150,170,180]

登录后复制

其他说明:匿名函数的this指向Windows

 如果匿名函数中对数组有修改,会修改到原数组

以上就是JS的数组遍历的常用方法实例的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 16:34:30
下一篇 2025年3月8日 16:34:48

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

相关推荐

  • 详解js在html中的加载执行顺序

    js在html中的加载执行顺序 1.加载顺序:引入标记的出现顺序, 页面上的js代码是js的一部分,所以Javascript在页面装载时执行的顺序就是其引入标记的出现顺序, 标记里面的或者通过src引入的外部JS,都是按照其语句出现的顺序执…

    编程技术 2025年4月4日
    100
  • HTML和JS实现简单的计算器

    HTML和JS实现计算器功能的也是很容易的,本文主要和大家分享HTML和JS实现简单的计算器,希望能帮助到大家。 下面是代码:    nbsp;html>无标题文档 var result=””; function jisuan(num…

    编程技术 2025年4月4日
    100
  • 实现在HTML页面加载完毕后运行js方法

    本文主要和大家分享实现在HTML页面加载完毕后运行js方法,主要以代码的方法和大家分享,希望能帮助到大家。 Js方法: window.onload=function (){ var userName=”xiaoming”; alert(us…

    编程技术 2025年4月4日
    100
  • php无刷新提交表单另一种方法

    通常对于无刷新提交表单,我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。 html页面: nbsp;HTML>        无刷新提交表单     ul{ list-style-type…

    编程技术 2025年4月4日
    100
  • JavaScript实现获取远程的html到当前页面中

    今天做个项目,需要在当前的html页面中引用一个远程的html页面,百度了一下,发现一个非常好用的代码,这里分享给大家,有相同需求的小伙伴可以来看看 html代码 登录后复制 立即学习“Java免费学习笔记(深入)”; javascript…

    编程技术 2025年4月4日
    200
  • JavaScript模块优化

    给大家分享一下如何才能开发出更好的javascript模块和功能,有兴趣的朋友参考学习下吧。 不少人都曾经在 npm 上发布过自己开发的 JavaScript 模块,而在使用一些模块的过程中,我经常产生“这个模块很有用,但如果能 xxx 就…

    编程技术 2025年4月4日
    100
  • 使用workerman实现在线聊天的方法及原理解析

    使用workerman实现在线聊天的方法及原理解析 随着互联网的发展和智能手机的普及,在线聊天已成为人们生活中不可或缺的一部分。无论是社交媒体上的即时消息还是企业内部的团队协作,都需要一种可靠且高效的在线聊天系统。workerman是一个基…

    2025年4月2日
    200
  • Workerman文档中的服务器集群实现方法

    Workerman是一个高性能的PHP Socket框架,可以使PHP更加高效地处理异步网络通信。在Workerman的文档中,有关于服务器集群实现方法的详细说明和代码示例。 为了实现服务器集群,首先需要明确服务器集群的概念。服务器集群是将…

    2025年4月2日
    100
  • Laravel监控错误的重要性及方法

    Laravel监控错误的重要性及方法 在开发Web应用程序过程中,错误是不可避免的。当用户遇到错误时,他们往往感到困惑和失望,这可能会影响他们对你的应用程序的印象。因此,在开发和部署Laravel应用程序时,监控错误并及时解决它们是至关重要…

    2025年4月2日
    100
  • 深入了解Laravel中的success方法

    当我们在使用Laravel框架开发应用程序时,经常会遇到需要在操作成功后显示提示信息的情况。在这种情况下,我们可以使用Laravel中的success方法来快速且方便地实现。本文将深入探讨Laravel中success方法的使用,包括其功能…

    2025年4月2日
    200

发表回复

登录后才能评论