<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8"/>

    <title>数组的遍历方式</title>

    <script type="text/javascript">

        var arr = [11,22,33,55];

        //普通的循环遍历方式

        function first(){  

            for(var i= 0;i<arr.length;i++){

                console.log("第一种遍历方式\t"+arr[i]);

            }

            console.log("111111111111111111111111111111");  

        }

        //2、for ..in 遍历方式

        function second(){

            // for in 遍历需要两个形参 ，index表示数组的下标(可以自定义)，arr表示要遍历的数组

            for(var index in arr){

                console.log("第二种遍历方式\t"+arr[index]);  

            }

            console.log("222222222222222222222222222222");

        }  

        //3，很鸡肋的遍历方式

        function third(){

            //第一个参数为数组的元素，第二个元素为数组的下标

            arr.forEach(function(ele,index){

                console.log("第三种遍历方式\t"+arr[index]+"-----"+ele);

            });

            console.log("333333333333333333333333333333");  

        }

        //4,for-of遍历方式

        function forth(){

            //第一个变量ele代表数组的元素（可以自定义） arr为数组（数据源）

            for(var ele of arr){

                console.log("第四种遍历方式\t"+ele);

            }

            console.log("444444444444444444444444444444");

        }

    </script>

</head>

<body>

    <input type="button" value="第一种遍历方式" name="aa" onclick="first();"/><br/>

    <input type="button" value="第二种遍历方式" name="aa" onclick="second();"/><br/>

    <input type="button" value="第三种遍历方式" name="aa" onclick="third();"/><br/>

    <input type="button" value="第四种遍历方式" name="aa" onclick="forth();"/><br/>

</body>

</html>

js中数字的4种遍历方式的更多相关文章

  1. 【温故知新】——原生js中常用的四种循环方式

    一.引言 本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0   网页输出“欢迎下次光临” 在网页中弹出框输入1   网页输出“查询中……” 在 ...

  2. Java中Map的4种遍历方式

    第一种方式:这是平常用的最多也最可取的一种遍历方式. for (Map.Entry<String, Object> entry : map.entrySet()) { System.out ...

  3. Jquery中each的3种遍历方式

    学习目标: 参考博文: https://blog.csdn.net/honey_th/article/details/7404273 一.Jquery中each的几种遍历方法 1. 选择器+遍历 &l ...

  4. js 中map的几种实现方式

    简单使用 1, 通过对象方式: var myHash = {}; myHash["deviceID"] = "HY_000001"; myHash[" ...

  5. python中的字典两种遍历方式

    dic = {"k1":"v1", "k2":"v2"} for k in dic: print(dic[K]) for ...

  6. lua中for循环的四种遍历方式

    lua中for的四种遍历方式区别 table.maxn 取最大的整数key #table 从1开始的顺序整数最大值,如1,2,3,6 #table == 3   key,value pairs 取每一 ...

  7. iOS开发中数组常用的五种遍历方式

    随着iOS的不断发展,apple也不断推出性能更高的数组遍历方式,下面将对熟悉的五种遍历方式进行列举. 首先定义一个数组,并获取数组长度 NSArray *array=@[",]; NSIn ...

  8. Java中List集合的三种遍历方式(全网最详)

    List集合在Java日常开发中是必不可少的,只要懂得运用各种各样的方法就可以大大提高我们开发的效率,适当活用各种方法才会使我们开发事半功倍. 我总结了三种List集合的遍历方式,下面一一来介绍. 首 ...

  9. HashMap 中7种遍历方式的性能分析

    随着 JDK 1.8 Streams API 的发布,使得 HashMap 拥有了更多的遍历的方式,但应该选择那种遍历方式?反而成了一个问题. 本文先从 HashMap 的遍历方法讲起,然后再从性能. ...

随机推荐

  1. JVM中 Class 文件分析

    Java 虚拟机中定义的 Class 文件格式.每一个 Class 文件都对应着唯一一个类 或接口的定义信息,但是相对地,类或接口并不一定都得定义在文件里(譬如类或接口也可以通过 类加载器直接生成). ...

  2. luogu P2762 太空飞行计划问题

    好像是最大权闭合图,也就是最大流最小割啦,找出最大流的路径输出,这题如何建模呢,一样的先设源点和汇点,源点向每个计划连capacity为赞助数的边,每个计划连相应装置capacity为无穷的边,每个装 ...

  3. GitHub fork 合作开发 - 快速实现版

    目录 一 预备条件 二 fork项目 三 将项目clone到本地 四 push代码到自己的仓库 五 通过pull request提交代码 六 通过本地配置upstream来同步更新主repo的内容 七 ...

  4. Redis列表类型

    列表类型(list) 可以存储一个有序的字符串列表.常用的操作是向列表两端添加元素. 一个列表类型键最多能容纳2^32 -1个元素. 命令 向列表两端增加元素 LPUSH key value [val ...

  5. vue ref父子组件传值

    一. ref使用在父组件上 父组件html: <information ref='information'></information> import information ...

  6. QEMU 运行uboot，动态加载内核与文件系统

    背景 上一讲我们完成了 编译 QEMU 以及简单地做了仿真.这一讲在 启动uboot 的基础上进行,以加强对于 运行地址,加载地址等理解. 有关资料: uboot 与 代码重定位 有这样的约定,ubo ...

  7. 在线关闭 CLOSE_WAIT状态TCP连接

    1.查看某个端口的所有TCP连接: [root@Centos projects]# netstat -anp | tcp6 ::: :::* LISTEN /java tcp6 CLOSE_WAIT ...

  8. PAT (Advanced Level) 1128~1131：1128N皇后 1129 模拟推荐系统（set<Node>优化） 1130 中缀表达式

    1128 N Queens Puzzle(20 分) 题意:N皇后问题.按列依次给定N个皇后的行号,问N个皇后是否能同时不存在行冲突.列冲突和主副对角线冲突. 分析: 1.根据题意一定不存在列冲突,所 ...

  9. open-source--攻防世界

    题目直接给了源码,发现只要跳过条件就可以得到flag

  10. Mongoose使用

    文章来自 Mongoose基础入门 Mongoose的API Mongoose模式扩展 指南之查询 指南之验证 mongoose方法很多,很乱,版本不一样,有些方法可能都过时了,所以整理了很久 连接数 ...