<!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. ch8 CSS 3列（等高文本列）

    css 3可以创建等高文本列,通过column-count.column-width.column-gap属性实现.假设标记如下: <h1>Socrates</h1> < ...

  2. FTP大量数据（百万级数据）传输尝试

    接上篇<Java FTPClient 大量数据传输的问题(未解决)> 因为数据量过大 FTPClient获取文件列表信息会出现不稳定的问题,找了很多方法都没有解决. 网上找的这一篇文章 h ...

  3. Python dir和vars的区别

    dir()和vars()的区别就是 dir()只打印属性(属性,属性......) 而vars()则打印属性与属性的值(属性:属性值......) ex. >> a='aaaaaaaaaa ...

  4. C++ Primer Plus 6 笔记（3）

    第5章 1.cout在显示bool值之前将它们转换为int,但cout.setf(ios:: boolalpha)函数调用设置了一个标记,该标记命令cout显示true和false,而不是1和0 2. ...

  5. jquery解析

    OutOfMemory.CN β 聚客 代码 专栏 教程 Maven Gitter 标签 登录注册  好书:重构 改善既有代码的设计[京东   亚马逊] | 敏捷软件开发原则.模式与实践[京东   亚 ...

  6. java校招一些面试的题目

    数组和链表的区别 数组静态分配内存,链表动态分配内存: 数组在内存中连续,链表不一定连续: 数组元素在栈区,链表元素在堆区: 数组利用下标定位,时间复杂度为O(1),链表定位元素时间复杂度O(n) 数 ...

  7. Prometheus Operator 架构【转】

    本节讨论 Prometheus Operator 的架构.因为 Prometheus Operator 是基于 Prometheus 的,我们需要先了解一下 Prometheus. Prometheu ...

  8. JS 判断是否为安卓或IOS系统

    其实很简单,代码如下<script type="text/javascript"> var device = navigator.userAgent; || devic ...

  9. vue table已选列数据

    vue Table@on-selection-change="test" 已选中项数据 test(selection){} <Table :data="tableD ...

  10. 开源DDD设计模式框架YMNNetCoreFrameWork第一篇

    DDD设计模式:仓储.领域模型.应用层.聚合根.事件总线,以业务模型驱动设计,从数据模型驱动脱离,不用关心数据库设计,开发效率更高 DDD领域驱动设计模型概念不再讲解,直接上技术 框架搭建: 如图所示 ...