zoukankan      html  css  js  c++  java
  • js中for循环(原生js)

    1,普通for循环,经常用的数组遍历

    var arr = [1,2,3,4,5];
     for ( var i = 0; i <arr.length; i++){
        console.log(arr[i]);
    }

    2,优化版for循环:使用变量,将长度缓存起来,避免重复获取长度,数组很大时优化效果明显

    var arr = [1,2,3,4,5];
    for(var j = 0,len = arr.length; j < len; j++){
        console.log(arr[j]);
    }

    3,forEach,ES5推出的,数组自带的循环,主要功能是遍历数组,实际性能比for还弱

    var arr = [1,2,3,4,5];
    arr.forEach(function(value,i){
      console.log('forEach遍历:'+i+'--'+value);
    })

    forEach这种方法也有一个小缺陷:你不能使用break语句中断循环,也不能使用return语句返回到外层函数。

    4,map遍历,map即是 “映射”的意思 用法与 forEach 相似

    var arr = [1,2,3,4,5];
    arr.map(function(value,index){
        console.log('map遍历:'+index+'--'+value);
    });

    map遍历支持使用return语句,支持return返回值

    var arr = [1,2,3,4,5];
    var temp=arr.map(function(val,index){
      console.log(val);  
      return val*val;           
    })
    console.log(temp);  

    forEach、map都是ECMA5新增数组的方法,所以ie9以下的浏览器还不支持

    5,for-of遍历 是ES6新增功能

    var arr = [1,2,3,4,5];
    for( let i of arr){
        console.log(i);
    }

    与forEach()不同的是,它可以正确响应break、continue和return语句

    for-of循环不仅支持数组,还支持大多数类数组对象。

    6,for-in遍历

    var arr = [1,2,3,4,5];
    for (var index in arr){
         console.log(index+"-->"+arr[index]);
    }

    在众多的循环遍历方式中,它的效率是最低的

  • 相关阅读:
    js键盘按钮keyCode及示例大全
    HTML 禁止复制文字
    【Layui】formSelects下拉多选框取值
    JQuery 判断访问的浏览器是pc还是手机
    php发送post请求的方法
    用PHP实现小写金额转换大写金额【精确到分】
    PHP获取文件大小的几种方法!
    js jquery 数组的合并 对象的合并
    web页面长时间未操作自动退出登录
    获取公众号素材管理列表-教程
  • 原文地址:https://www.cnblogs.com/jiefu/p/9886672.html
Copyright © 2011-2022 走看看