VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • 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.jb51.net/code/HtmlJsRun测试上述代码运行效果。

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

    在线JS常见遍历方式性能分析比较工具:http://tools.jb51.net/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 遍历对象的属性的代码

    广而告之:
    热门推荐:
    关于case when语句的报错问题详解

    前言 在mysql数据库中,有时候我们会使用到类似if else的判断操作。那么mysql中怎么处理这种需求呢? mysql 判断操作一种语法: case ..when语句 但最近在使用的时候遇到了一个问题,下面话不多说了,来一起看看详细的介绍吧 直接说明问题。我有一张存储身份证号码的表id_car···

    mysql 5.7.17 以及workbench安装配置图文教程

    本文为大家分享了mysql 5.7.17 workbench安装配置方法,供大家参考,具体内容如下 安装环境 :Windows 10专业版 1.下载 方法:官网下载 【Downloads–>Community–>MySQL on Windows–>MySQL Installer】 有oracle账号的可以点击登录下载,如果没有oracle账号可以注册···

    PHP基于session.upload

    本文实例讲述了PHP基于session.upload_progress 实现文件上传进度显示功能。分享给大家供大家参考,具体如下: 介绍 session.upload_progress 是PHP5.4的新特征。 当 session.upload_progress.enabled INI 选项开启时,PHP 能够在每一个文件上传时监测上传进度。 这个信息对上···

    php auth

    复制代码 代码如下:<?php require_once("Auth/HTTP.php"); //设置数据库的连接选项 $auth_options=array( 'dsn'=>"mysql://root:1981427@localhost/test", //数据库连接字符串 'table'=>"tablename1", //表名 'usernamecol'=>"username", //用于存储用户名的···

    Form表单中method=post/get两种数据传输的方式的区别

    Form提供了两种数据传输的方式——get和post。虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响。虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的。 ···

    Angular4学习之Angular CLI的安装与使用教程

    简介 关于"Angular"版本,"Angular"官方已经统一命名Angular 1.x同一为Angular JS,Angular 2.x及以上统称"Angular"。  "CLI"是"Command Line Interface"的简写,是一种命令行接口,实现自动化开发流程。 比如:ionic-cli、vue-cli等;它可以创建项目、添加文件(组件···

    JavaScript实现的前端AES加密解密功能【基于CryptoJS】

    本文实例讲述了JavaScript实现的前端AES加密解密功能。分享给大家供大家参考,具体如下: js前端AES加密 最近由于项目需求做了一次MITM,突然即使发现使用HTTPS,也不能保证数据传输过程中的安全性。 通过中间人攻击,可以直接获取到Http协议的所有内容。 于是开始尝试做一些简···

    织梦arclist标签生成的代码不换行的方法

    织梦arclist标签生成的代码不换行的方法 打开 include/taglib/arclist.lib.php 文件  找到 $artlist .= $dtp2->GetResult()."\r\n"; 删除  ."\r\n"  

    HTML5实现页面切换激活的PageVisibility API使用初探

    HTMl5 推出了一个很“特别”的 API Page Visibility ,之所以说它特别,是因为这个 API 关注的是一个很少人留意的功能 —— 浏览器标签( tab ) 是否被激活。这里必须解释一下,这个“激活”,指的是这个标签是否正被用户浏览,或者说是否为当前···

    帝国cms搬家出现的问题

    今天介绍下帝国cms搬家出现的问题 提示 Parse error: parse error in E:diguoeclassadminfun.php on line 244 附带 adminfun.php代码233-244行的内容 //取得随机密码 $rnd=make_password(20); $sql=$empire->query("update {$dbtbpre}enewsus···