精华内容
下载资源
问答
  • 数组遍历

    2018-11-15 20:11:37
    数组遍历 使用for循环是数组遍历最常见的方法 var keys = Object.keys[o] // 获得o对象属性名组成的数组 var values = [] for (var i =0; i < keys.length; i++) { var key = keys[i] values[i] = o[key]...
    数组遍历
    
    使用for循环是数组遍历最常见的方法
    
    var keys = Object.keys[o] // 获得o对象属性名组成的数组
    var values = []
    for (var i =0; i < keys.length; i++) {
       var key = keys[i]
       values[i] = o[key]
    }
    
    for (var i = 0, len = keys.length; i < len; i++) {
       // 循环体仍然不变
    }
    
    这些例子假设数组都是稠密的,并且所有的元素都是合法数据。否则,使用数组元素之前英国先检测他们。如果想要排除null,undefined 和不存在的元素,代码如下:
    
    for (var i = 0; i < a.length; i++) {
       if (!a[i]) continue; // 跳过null,undefined 和 不存在 的元素
       // 循环体
    }
    
    如果只想跳过undefined 和不存在的元素,代码如下:
    
    for (var i = 0; i < a.length; i++) {
       if (a[i] === undefined) continue; // 跳过undefined + 不存在的元素
       // 循环体
    }
    
    最后,如果只想跳过不存在的元素而仍然要处理存在的undefined元素,代码如下:
    
    for (var i = 0; i < a.length; i++) {
       if (!(i in a)) continue; // 跳过不存在的元素
       // 循环体
    }
    
    还可以使用 for/in 循环处理稀疏数组。循环每次将一个可枚举的属性名赋值给循环变量。不存在的索引将不会遍历到:
    
    for (var index in sparseArray) {
       var value = sparseArray[index]
       // 此处可以使用索引和值做一些事情
    }
    ...
    
    forEach() 和相关的遍历方法使得数组拥有简单而强大的函数式编程风格。
    展开全文
  • 主要介绍了PHP数组遍历知识汇总,本文包含3种遍历方法、7个数组指针操作函数、对3种数组遍历的速度测试等内容,需要的朋友可以参考下
  • JS几种数组遍历方式总结

    万次阅读 多人点赞 2018-03-14 15:25:41
    JS数组遍历的几种方式JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j &lt; arr.length; ...

    JS数组遍历的几种方式

    JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比

    第一种:普通for循环

    代码如下:

    for(j = 0; j < arr.length; j++) {
       
    } 
    

    简要说明: 最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间

    第二种:优化版for循环

    代码如下:

    for(j = 0,len=arr.length; j < len; j++) {
       
    }
    

    简要说明: 使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显。

    这种方法基本上是所有循环遍历方法中性能最高的一种

    第三种:弱化版for循环

    代码如下:

    for(j = 0; arr[j]!=null; j++) {
       
    }
    

    简要说明: 这种方法其实严格上也属于for循环,只不过是没有使用length判断,而使用变量本身判断

    实际上,这种方法的性能要远远小于普通for循环

    第四种:foreach循环

    代码如下:

    arr.forEach(function(e){  
       
    });
    

    简要说明: 数组自带的foreach循环,使用频率较高,实际上性能比普通for循环弱

    第五种:foreach变种

    代码如下:

    Array.prototype.forEach.call(arr,function(el){  
       
    });
    

    简要说明: 由于foreach是Array型自带的,对于一些非这种类型的,无法直接使用(如NodeList),所以才有了这个变种,使用这个变种可以让类似的数组拥有foreach功能。

    实际性能要比普通foreach弱

    第六种:forin循环

    代码如下:

    for(j in arr) {
       
    }
    

    简要说明: 这个循环很多人爱用,但实际上,经分析测试,在众多的循环遍历方式中

    它的效率是最低的

    第七种:map遍历

    代码如下:

    arr.map(function(n){  
       
    });
    

    简要说明: 这种方式也是用的比较广泛的,虽然用起来比较优雅,但实际效率还比不上foreach

    第八种:forof遍历(需要ES6支持)

    代码如下:

    for(let value of arr) {  
       
    });
    

    简要说明: 这种方式是es6里面用到的,性能要好于forin,但仍然比不上普通for循环

    各种遍历方式的性能对比

    上述列举了几种方式都有一一做过对比分析,基本上可以得出的结论是:

    普通for循环才是最优雅的

    (PS:以上所有的代码都只是进行空的循环,没有再循环内部执行代码,仅仅是分析各自循环的时间而已)

    性能对比截图

    分析结果1

    以下截图中的数据是,在chrome (支持es6)中运行了100次后得出的结论(每次运行10次,一共10个循环,得到的分析结果) 

    可以看出,forin循环最慢。优化后的普通for循环最快

    分析结果2

    以下截图数据是,在chrome (支持es6)中运行了1000次后得出的结论(每次运行100次,一共10个循环,得到的分析结果) 

       1. javascript遍历的常用的遍历方法是for循环和for-in,ES5的时候加上了forEach方法(IE9以下不支持)。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    /****js原生遍历****/
    //for循环遍历数组
    for(var i=0;i<arrTmp.length;i++){
        console.log(i+": "+arrTmp[i])
    }
     
    //for-in遍历对象属性,i指代属性名
    for(var in objTmp){
        console.log(i+": "+objTmp[i])
    }
     
    //forEach遍历数组,三个参数依次是数组元素、索引、数组本身
    arrTmp.forEach(function(value,index,array){
        console.log(value+","+index+","+array[index])
    })

        2. for-in循环是为了遍历对象而设计的,事实上for-in也能用来遍历数组,但定义的索引i是字符串类型的。如果数组具有一个可枚举的方法,也会被for-in遍历到,例如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    //for-in遍历数组
    for(var in arrTmp){
        console.log(i+": "+arrTmp[i])
    }
    //for-in会遍历到数组的属性
    arrTmp.name="myTest";
    for(var in arrTmp){
        console.log(i+":"+arrTmp[i])
    }
    //输出 0:value1  1:value2  2:value3  name:myTest

        3. for循环和for-in能正确响应break、continue和return语句,但forEach不行。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    //只会输出value1 value2
    for(var i=0;i<arrTmp.length;i++){
        console.log(i+": "+arrTmp[i]);
        if(i==1){
            break;
        }
    }
     
    //会输出value1 value2 value3
    arrTmp.forEach(function(value){
        console.log(value+);
        if(value==1){
            return;
        }
    })

      4. ES6中,新增了for-of遍历方法。它被设计用来遍历各种类数组集合,例如DOM NodeList对象、Map和Set对象,甚至字符串也行。官方的说法是:

    for...of语句在可迭代对象(包括 Array, Map, Set, String, TypedArray,arguments 对象等等)上创建一个迭代循环,对每个不同属性的属性值,调用一个自定义的有执行语句的迭代挂钩

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    // for-of遍历数组,不带索引,i即为数组元素
    for(let i of arrTmp){
        console.log(i)
    }
    //输出 "value1" "value2" "value3"
     
    // for-of遍历Map对象
    let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);
    for (let [key, value] of iterable) {
      console.log(value);
    }
    //输出 1 2 3
     
    // for-of遍历字符串
    let iterable = "china中国";
    for (let value of iterable) {
      console.log(value);
    }
    //输出 "c" "h" "i" "n" "a" "中" "国"

      5. 上面的方法,注重点都是数组的元素或者对象的属性值。如果单纯的想获取对象的属性名,js有原生的Object.keys()方法(低版本IE不兼容),返回一个由对象的可枚举属性名组成的数组:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    /****Object.keys()返回键名数组****/
    //数组类型
    let arr = ["a""b""c"];
    console.log(Object.keys(arr));
    // (3) ['0', '1', '2']
     
    // 类数组对象
    let anObj = { 100: 'a', 2: 'b', 7: 'c' };
    console.log(Object.keys(anObj));
    // (3) ['2', '7', '100']
     
    //一般对象
    let xyz = {z: "zzz", x: "xxx", y: "yyy"};
    console.log(Object.keys(xyz));
    // (3) ["z", "x", "y"]

      javascript原生遍历方法的建议用法:

    • 用for循环遍历数组
    • 用for-in遍历对象
    • 用for-of遍历类数组对象(ES6)
    • 用Object.keys()获取对象属性名的集合


    for … of循环和for … in循环有何区别 

    for … in循环,它遍历的实际上是对象的属性名称。

    一个Array数组实际上也是一个对象,它的每个元素的索引被视为一个属性。

    当我们手动给Array对象添加了额外的属性后,for … in循环将带来意想不到的意外效果:

    for in 遍历数组时会为把数组索引作为键值 如:数组0、1、2、3、4、5、…的键;当我们这样写:

    var arr=[1,2,3,4,5,6];
    arr.value='val';
    //在使用for in 遍历时
    for(var i in arr){
        console.log(i+'   '+arr[i]);//这时的i为键值,不为数组索引
    }
    //输出
    0   1
    1   2
    2   3
    3   4
    4   5
    5   6
    value   val
    接着执行,这时出现问题:
    
    arr;//输出[1, 2, 3, 4, 5, 6]
    
    //使用 console.log(arr)时,这样
    console.log(arr);//输出[1, 2, 3, 4, 5, 6, value: "val"]
    
    //alert(arr)时
    alert(arr);//输出[1, 2, 3, 4, 5, 6]

    而当我们使用for of 时:

    var arr=[1,2,3,4,5,6];
    arr.value='val';
    //在使用for in 遍历时
    for(var v of arr){
        console.log(v);//v为数组的项
    }
    //输出
    1
    2
    3
    4
    5
    6

    直接遍历出值,杜绝使用for in 时,下标索引的影响

    jQuery的$.each

        jQuery的遍历方法通常被用来遍历DOM元素,用于数组和对象的是$.each()方法,它接受三个参数,分别指代数组索引/元素/数组本身(跟forEach相比,第1个和第2个参数正好是相反的,不要记错了。):

    1
    2
    3
    4
    5
    6
    7
    8
    /****$.each()遍历对象和数组****/
    $.each(arrTmp,function(index,value,array){
        console.log(index+": "+value)
    });
     
    $.each(objTmp,function(key,value){
        console.log(key+": "+value)
    });

    map

    这里的map不是“地图”的意思,而是指“映射”。[].map(); 基本用法跟forEach方法类似:

    array.map(callback,[ thisObject]);

    callback的参数也类似:

    1
    2
    3
    [].map(function(value, index, array) {
      // ...
    });

    map方法的作用不难理解,“映射”嘛,也就是原数组被“映射”成对应新数组。下面这个例子是数值项求平方:

    1
    2
    3
    4
    5
    6
    7
    var data=[1,3,4]
     
    var Squares=data.map(function(val,index,arr){
      console.log(arr[index]==val);  // ==> true
      return val*val          
    })
    console.log(Squares);        // ==> [1, 9, 16]

    展开全文
  • shell 数组遍历的3种方法

    万次阅读 2017-07-07 09:03:32
    shell数组 shell array shell数组遍历 shell数组循环

    欢迎参与个人独立开发的阅时即查web APP公测
    在这里插入图片描述
    在这里插入图片描述
    有兴趣也请关注个人微信公众号
    在这里插入图片描述
    shell数组的基本知识请参阅我的上一篇博客shell 数组
    首先创建一个数组 array=( A B C D 1 2 3 4)
    ###1.标准的for循环

    for(( i=0;i<${#array[@]};i++)) do
    #${#array[@]}获取数组长度用于循环
    echo ${array[i]};
    done;
    

    ###2.for … in
    遍历(不带数组下标):

    for element in ${array[@]}
    #也可以写成for element in ${array[*]}
    do
    echo $element
    done
    

    遍历(带数组下标):

    for i in "${!arr[@]}";   
    do   
        printf "%s\t%s\n" "$i" "${arr[$i]}"  
    done  
    

    ###3.While循环法:

    i=0  
    while [ $i -lt ${#array[@]} ]  
    #当变量(下标)小于数组长度时进入循环体
    do  
        echo ${ array[$i] }  
        #按下标打印数组元素
        let i++  
    done  
    
    展开全文
  • kotlin的数组遍历输出

    2020-10-22 11:37:55
    程序基础设计的初步方法 不同类型的数据的通用处理 对于kotlin的数组遍历输出 对kotlin的遍历的代码
  • Tcl数组遍历

    千次阅读 2019-05-27 17:20:09
    数组遍历

    假设有如下数组:

    array set arr {a 1 b 2 c 3 d 4}

    通过循环控制命令数组命令结合使用,有如下四种遍历方式:

    1.foreach与array names遍历数组元素名。

    foreach name [array names arr] {
        puts "name:$name->value:$arr($name)"
    }

    2.foreach与array get同时遍历数组元素的名值。

    foreach {name value} [array get arr] {
        puts "name:$name->value:$value"
    }

    3.for与array startsearch等一系列命令循环数组元素名。

    for {set searchId [array startsearch arr]} {[array anymore arr $searchId]==1} {} {
    	set name [array nextelement arr $searchId]
    	puts "name:$name->value:$arr($name)"
    }
    array donesearch arr $searchId

    4.whiler与array startsearch等一系列命令循环数组元素名。

    set searchId [array startsearch arr]
    while {[array anymore arr $searchId]==1} {
    	set name [array nextelement arr $searchId]
    	puts "name:$name->value:$arr($name)"
    }
    array donesearch arr $searchId
    展开全文
  • js 二维数组 遍历

    2019-04-12 11:49:33
    js 二维数组 遍历 轻松实现实现 二维数组输出 包含高级for循环
  • 数组遍历的几种方法及用法

    万次阅读 多人点赞 2018-07-21 16:40:15
    forEach是最简单、最常用的数组遍历方法,它提供一个回调函数,可用于处理数组的每一个元素,默认没有返回值。 以上是个简单的例子,计算出数组中大于等于3的元素的个数。 回调函数的参数,第一个是处于当前循环...
  • 主要介绍了PHP多维数组遍历方法,实例分析了2种多维数组的遍历技巧,包括简单的foreach遍历与递归操作遍历实现方法,需要的朋友可以参考下
  • JS数组遍历的几种方法

    万次阅读 多人点赞 2019-04-27 08:51:25
        最简单的一种循环遍历方法,也是使用频率最高的一种,可优化 var arr = [1, 2, 3, 4, 5, 6] for(var i = 0; i < arr.length; i++) { console.log(arr[i]) } // 1 2 3 4 5 6     优化:...
  • 前言JavaScript想必大家都不陌生了,上篇文章盘点JavaScript中数组遍历的全部方式(上篇)已经给大家介绍了7种数组遍历的方式,这篇文章继续介绍7种数组遍历的方式,这样一共14种遍历方式,基本上囊括了JavaScript中...
  • js数组遍历和对象遍历

    千次阅读 2019-05-30 22:54:48
    针对js各种遍历作一个总结分析,从类型用处:分数组遍历和对象遍历;...JS数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ con...
  • 本文实例讲述了JS常用的几种数组遍历方式以及性能分析对比。分享给大家供大家参考,具体如下: 前言 这一篇与上一篇 JS几种变量交换方式以及性能分析对比 属于同一个系列,本文继续分析JS中几种常用的数组遍历方式...
  • 题记接着上一篇文章说一说数组遍历和对象遍历数组遍历按照个人的理解,又可以分为,JS语句遍历 和 数组API 遍历;JS 语句遍历顾名思义是使用js的循环语句,例如 for循环语句,for...in语句等等;数组API遍历则是使用...
  • PHP数组遍历函数

    2018-08-31 23:40:27
    PHP数组遍历函数
  • Java 数组遍历

    2017-04-16 20:37:53
    一维数组遍历和二维数组遍历类似,只不过在遍历到一维元素时,由于元素是一维数组还需要遍历,构成双重循环。使用双重循环遍历二维数组时,外层循环的次数使用数组元素的length属性,内层循环的次数是使用每个一维...
  • 数组遍历: 数组元素反转: 元素查表法:
  • Swift数组遍历

    千次阅读 2019-09-12 17:38:20
    ArrayMap 笔记整理 ... Swift数组遍历 https://www.jianshu.com/p/b6677deee72e letcountryArray = ["中国","美国","俄罗斯","新加坡","英国"] /***数组的遍历***/ ...
  • ES6|数组遍历方式

    2020-07-20 20:05:47
    ES6|数组遍历方式find()findIndex()for of ES6新增了以下三种数组遍历方法,若要与ES5对比学习,可参考我的另外一篇博客——ES5中数组的各种遍历方法(链接: link.) find() array.find(function(currentValue,index...
  • 需求:设计一个方法用于数组遍历,要求遍历的结果是在一行上的,如[11,22,33,44,55] 思路: (1)定义一个数组,用静态初始化完成数组元素初始化; (2)定义一个方法,用数组遍历通用格式对数组进行遍历; (3)用...
  • JS常用数组遍历

    2019-10-06 16:41:51
    最近前端代码在codereview的时候,发现同事的数组遍历用的是map方法,这个我没看懂,原因是我之前没了解过这种写法.我之前写J2EE最常用的应该就是普通的for循环了吧,短短几年前端JS又多了许多遍历数组迭代的方法了.既然...
  • C++指针访问数组遍历

    2020-05-11 16:57:50
    C++指针访问数组遍历 目录 C++指针访问数组遍历 1、注意点 2、指针代码变量数组 1、注意点 int a[10] = { 1,2,3,4,5,6,7,8,9,10 }; int *p = a; 数组名字就是数组第一个元素的地址。 通过++p可以逐个访问...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 83,095
精华内容 33,238
关键字:

数组遍历