zoukankan      html  css  js  c++  java
  • forEach、for-in与for-of的区别

    forEach、for-in与for-of的区别

    forEach介绍

    objArr.forEach(function (value) {
      console.log(value);
    });
    

    foreach 方法没办法使用 break 语句跳出循环,或者使用return从函数体内返回

    for-in介绍

    for(var index in objArr){
    	console.log(objArr[index])
    }
    
    

    以上代码会出现的问题:
    1.index 值 会是字符串(String)类型
    2.循环不仅会遍历数组元素,还会遍历任意其他自定义添加的属性,如,objArr上面包含自定义属性,objArr.name,那这次循环中也会出现此name属性
    3.某些情况下,上述代码会以随机顺序循环数组

    for-in循环设计之初,是给普通以字符串的值为key的对象使用的。而非数组。

    for-of介绍

    for(let value of objArr){
    	console.log(value)
    }
    
    

    1.可以避免所有 for-in 循环的陷阱
    2.不同于 forEach(),可以使用 break, continuereturn
    3.for-of 循环不仅仅支持数组的遍历。同样适用于很多类似数组的对象
    4.它也支持字符串的遍历
    5.for-of 并不适用于处理原有的原生对象

    for-of 遍历 Set

    var uniqueWords = new Set(words);
    
    for (var word of uniqueWords) {
      console.log(word);
    }
    

    for-of 遍历 Map

    for (var [key, value] of phoneBookMap) {
      console.log(key + "'s phone number is: " + value);
    }
    

    Map是键值对组成,需要用到 Es6新特性解构

    for-of 遍历原生对象

    // 输出对象自身可以枚举的值
    for (var key of Object.keys(someObject)) {
      console.log(key + ": " + someObject[key]);
    }
    
  • 相关阅读:
    查看linux cpu和内存利用率__linux - top命令
    Maven仓库管理Nexus(转帖后加强版)
    实现系统菜单的两种方式
    使用Iterator遍历数组
    Android自定义退出弹出框
    AsyncTask的学习
    Android中常用到的权限
    Java集合
    Android中以文件的形式保存数据
    Android仿微信的开机滑动界面
  • 原文地址:https://www.cnblogs.com/xueshanshan/p/8487438.html
Copyright © 2011-2022 走看看