交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • js常见遍历操作小结

    北冥有鱼 教程大全 2019-11-09 ,,,

    本文实例讲述了js常见遍历操作。分享给大家供大家参考,具体如下:

    for循环

    var a = new Array("first", "second", "third") 
    for(var i = 0;i < a.length; i++) {
    document.write(a[i]+",");
    }
    
    

    for in

    var arr = new Array("first", "second", "third") 
    for(var item in arr) {
    document.write(arr[item]+",");
    }
    
    

    for each

    <button onclick="numbers.forEach(myFunction)">点我</button>
    <p id="demo"></p>
    <script>
    demoP = document.getElementById("demo");
    var numbers = [4, 9, 16, 25];
    function myFunction(item, index) {
      demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
    }
    </script>
    
    
    var arr = [1,2,3,4];
    arr.forEach(function(value,index,array){
      array[index] == value;  //结果为true
      sum+=value; 
      });
    console.log(sum);  //结果为 10
    
    

    each

    $.each([],function(index,value,array){
       //code something
     })
    
    

    map

    [].map(function(value,index,array){
      //code
    })
    
    

    感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.kunjuke.com/code/HtmlJsRun测试上述代码运行效果。

    PS:这里再为大家推荐一款JS数组遍历方式分析对比工具供大家参考:

    在线JS常见遍历方式性能分析比较工具:http://tools.kunjuke.com/aideddesign/js_bianli

    更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

    希望本文所述对大家JavaScript程序设计有所帮助。

    您可能感兴趣的文章:

    • js数组循环遍历数组内所有元素的方法
    • JS数组的遍历方式for循环与for...in
    • JQuery遍历json数组的3种方法
    • js Map List 遍历使用示例
    • jQuery 遍历json数组的实现代码
    • js遍历json的key和value的实例
    • JavaScript中循环遍历Array与Map的方法小结
    • js中的for如何实现foreach中的遍历
    • JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
    • js 遍历对象的属性的代码

    广而告之:
    热门推荐:
    Angular 利用路由跳转到指定页面的指定位置方法

    之前做过页面内的跳转,比较简单,最近项目需要实现跨页面跳转,并跳转到指定地点,试了很多方法,有用到传递参数然后让页面滚动相应的距离,但是一旦文章长短发生变化,滚动的距离也需要重新计算,比较麻烦,所以最后总结出这两种比较靠谱的方法,只需要在需要跳转的地方加上···

    PHP中Session和Cookie是如何操作的

    Session PHP的$_SESSION可以存储当前用户数据信息,用户访问WEB网站的时候,PHP会给每个访问的用户创建一个session ID,该ID是唯一ID,保存在客户机上,而用户的会话数据是保存到服务端的,PHP可以对每个不同的用户信息进行存储,当会话过期后,用户session信息也会失效。 使用···

    Jquery AutoComplete自动完成 的使用方法实例

    jquery-autocomplete配置: <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script> <link rel="Stylesheet" href="/js/jquery.autocompl···

    纯CSS3大转盘抽奖示例代码(响应式、可配置)

    源于前段时候微信小程序最初火爆公测时段,把以前用 Canvas 实现的大转盘抽奖移植成微信小程序,无奈当时小程序对 Canvas 支持不够完善,只好降低用 CSS3 实现。虽然比不上 Canvas 绘图的绚丽,但也总算完成了一个抽奖的 Demo,详见:http://xiazai.kunjuke.com/201701/yuanma···

    php与php MySQL 之间的关系

    本教程并不想让你完全了解这种语言,只是能使你尽快加入开发动态web站点的行列。我假定你有一些HTML(或者HTML编辑器)的基本知识和一些编程思想。简介 PHP 是能让你生成动态网页的工具之一。PHP 代表:超文本预处理器(PHP:Hypertext Preprocessor)。PHP 是完全免费的···

    解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

    问题 在做银行卡输入框时有一个需求如题,这里举例用-隔断 调查 查看了很多大公司网站的银行卡输入,发现还有有很多缺陷的:  有的是在中间删除,光标会跳到最后;  有的是能删除掉中间隔断符的;  等等,逻辑感觉比较混乱,或者是我不懂他们的高深设计吧。 只···

    在Vue中获取组件声明时的name属性方法

    在实际开发中,我们可能需要拿到组件声明时创建的一些属性,比较典型的话就是name属性,在实际开发中需要定位问题时,需要找到是哪一个组件,但是我们总不可能写代码的时候去先找到组件的name属性,然后复制粘贴,作为参数传给函数吧。 例如: catchError('componentsName', '···

    PHP5.0对象模型探索之抽象方法和抽象类

      面向对象程序通过类的分层结构构建起来,在单重继承语言如PHP中,类的继承是树状的. 一个根类有一个或更多的子类,再从每个子类继承出一个或更多下一级子类。当然,可能存在多个根类,用来实现不同的功能。在一个良好设计的体系中,每个根类都应该有一个有用的接口,···

    Jquery在IE7下无法使用 $.ajax解决方法

    通过查看源码发现 复制代码 代码如下: // Create the request object; Microsoft failed to properly // implement the XMLHttpRequest in IE7, so we use the ActiveXObject when it is available // This function can be overriden by calling jQuery.ajaxSetup xhr:f···

    jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享

    网页端 裁剪图片,不需要经过服务器。 这个是用 https://github.com/mailru/FileAPI 框架实现的。配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度。 核心代码: var el = $('input').get(0); seajs.use(['gallery/jcrop/0.9.12/jcrop.css','ga···