<!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. Excel导出采用mvc的ExcelResult继承遇到的问题Npoi导出
			
    #region 构建Excel文档 //创建Excel文件的对象 NPOI.HSSF.UserModel.HSSFWorkbook book = new NPOI.HSSF.UserModel.HSS ...
    
			
    2. 
						
  2. 软考自查：UML建模
			
    UML建模 内容提要 用例图 类图与对象图 顺序图 活动图 状态图 通信图 构件图 用例图 包含关系 扩展关系 泛化关系     类图与对象图 填类名,方法名,属性名 填多重度 填关系     1:  ...
    
			
    3. 
						
  3. 大数据: 完全分布式Hadoop集群-HBase安装
			
            HBase 是一个开源的非关系(NoSQL)的可伸缩性分布式数据库.它是面向列的,并适合于存储超大型松散数据.HBase适合于实时,随机对Big数据进行读写操作的业务环境.   本文基 ...
    
			
    4. 
						
  4. 从事三年java开发后， 我打算转人工智能
			
    作为一个2015年参加java培训,2016年计算机科学与技术本科毕业后一直从事java开发的程序员来说, 做出这一步真的不容易, 可是我没赶上java最火的时候,反而渐渐感受到了java的没落, 目 ...
    
			
    5. 
						
  5. 20165306 Exp3 免杀原理与实践
			
    Exp3 免杀原理与实践 一.实践内容概述 1.正确使用msf编码器,msfvenom生成如jar之类的其他文件,veil-evasion,加壳工具,使用shellcode编程 2.通过组合应用各种技 ...
    
			
    6. 
						
  6. mybatis中mapper接口的参数设置几种方法
			
    方法一:忽略parameterType,加@param("xxx")注解 在mapper接口中加上@param("xxx")注解,则在配置文件中直接用即可 Li ...
    
			
    7. 
						
  7. python多版本共存
			
    根据环境变量的顺序调用python,pip等程序 将python.exe修改为python2.exe(或python3.exe)后可以通过不同的名字调用不同版本的python 注意修改Anaconda ...
    
			
    8. 
						
  8. introduce explaining variable 引入解释变量
			
    一段复杂的计算的表达式(一般 逻辑判断  if(a!=1 && b!=Null && a>b  ) && .... 直接在代码中参与到 代码的逻辑 ...
    
			
    9. 
						
  9. 20190412wdVBA 排版
			
    Sub LayoutForExamPaper() Dim StartTime As Variant Dim UsedTime As Variant StartTime = VBA.Timer Appl ...
    
			
    10. 
						
  10. 内置函数&匿名函数
			
    1.内置函数     Built-in Functions     abs() dict() help() min() setattr() all() dir() hex() next() slice ...
    
			
    11.