<!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，for each很鸡肋的遍历方式

        function third(){

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

            arr.forEach(function(ele,index){

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

            });

            console.log("333333333333333333333333333333");  

        }  
　　　　　//4,map

　　　　　　[1,2,3,4].map(function(item){

　　　　　　　　　　alert(item)

　　　　　　　　})


        //5,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 遍历数组的更多相关文章
	

    
						
  1. Js遍历数组总结
		
    Js遍历数组总结 遍历数组的主要方法为for.forEach.map.for in.for of for var arr = [1,2,3,4,5]; var n = arr.length; // 直 ...
    
		
    2. 
						
  2. 【Javascript】JS遍历数组的三种方法：map、forEach、filter
		
    前言 近一段时间,因为项目原因,会经常在前端对数组进行遍历.处理,JS自带的遍历方法有很多种,往往不加留意,就可能导致知识混乱的现象,并且其中还存在一些坑.前端时间在ediary中总结了js原生自带的 ...
    
		
    3. 
						
  3. JS遍历数组类型元素
		
    已停供用户不能再次停供,之前没太处理过多维数组的遍历,趁这个机会回顾一下js数组遍历 可以看出rows 获取了两条数据,为二维数组类型 方法 function batchTgWin() { var r ...
    
		
    4. 
						
  4. JavaScript的使用以及JS常用函数（JS 遍历数组和集合）
		
    JavaScript入门 学习总结 1. 什么是 JavaScript 2. JavaScript 的特点 3. JS的使用 编写位置 基本语法 变量 打印变量 数据类型 innerHTML和inne ...
    
		
    5. 
						
  5. js遍历数组的错误方法
		
    for (var index in myArray) { // don't actually do this console.log(myArray[index]); } 缺点: 数组的索引值inde ...
    
		
    6. 
						
  6. js遍历数组和遍历对象的区别
		
    <script> //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.l ...
    
		
    7. 
						
  7. js遍历数组对象和非数组对象
		
    //---------for用来遍历数组对象 var i,myArr = ["a","b","c"]; ; i < myArr.len ...
    
		
    8. 
								
  8. js遍历数组和遍历对象
		
    可以用for in来遍历对象,具体内容如下: <script type="text/javascript">             var objs = {      ...
    
		
    9. 
						
  9. js遍历数组和数组对象
		
    <script> //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.l ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. mysql批量查询
			
    一般批量查询的时候都是in关键字,但是在数据量大的时候,效率低下. 这个时候我们就可以考虑使用union . xml 核心代码 <select id="selectList" ...
    
			
    2. 
						
  2. Android中获得网络状况的实现
			
    要得知网络状况就是要用networkinfo类这个类名还是把这个类的意思表达的很清晰的,network是网络,info是状况.判断是否有网用到了这个类的IsAvailable方法,这个方法返回的是这个 ...
    
			
    3. 
						
  3. Linux 最小系统制作
			
    Linux 最小系统制作 一.制作工具Busybox 在制作文件系统的时候,我们需要使用“Busybox 工具”,即为附件压缩包“busybox-1.21.1.tar.bz2”.“BusyBox 工具 ...
    
			
    4. 
						
  4. P4717 【模板】快速沃尔什变换
			
    思路 FWT的模板 FWT解决这样的卷积 \[ C_k=\sum_{i\otimes j=k} A_iB_j \] \(\otimes\)可能是and,or,xor等位运算 几个式子 FWTand:  ...
    
			
    5. 
						
  5. ZJOI 2014 星系调查（推导）
			
    题意 https://loj.ac/problem/2201 思路 说白了就是一条路径上有 \(n\) 个二维坐标,求一条直线使得所有点到此直线的距离和最小. 设这条直线为 \(y=kx+b\) ,距 ...
    
			
    6. 
						
  6. python2 与 python3的区别
			
    python2 与 python3的区别 几乎所有的python2程序都需要一些修改才能正常的运行在python3的环境下.为了简化这个转换过程,Python3自带了一个2to3的实用脚本.这个脚本会 ...
    
			
    7. 
						
  7. Request method 'PUT'/ 'POST' not supported
			
    起因 在项目中遇到需要进行crud操作的功能,用的是Springboot+MybatisPlus+MySQL+AVue,在通过postman测试接口正确性时遇到此错误. 排查过程 因为项目运行是没问题 ...
    
			
    8. 
						
  8. js打印html指定元素，解决动态获取的图片无法打印问题
			
    用js来调用浏览器的打印接口很容易,一两行代码就能搞定,但是有些数据是通过动态生成的,例如一些动态生成的二维码,有时候调用打印接口图片会无法显示 为了解决这个问题,建议使用下面这个库 下载:https ...
    
			
    9. 
						
  9. 基于Flask的Web应用程序插件式结构开发
			
    事实上,很多应用程序基于插件式结构开发,可以很方便了扩展软件的功能,并且这些功能完全可以依托于第三方开发者,只要提供好接口和完备文档,比如wordpress.谷歌火狐浏览器等. Python这样的动态 ...
    
			
    10. 
						
  10. js if判断示例
			
    ){ ){ console.log("%0 pass") }else{ $(,v,function() { fla=; }); } }){ ){ console.log(" ...
    
			
    11.