首页 > 其他 > 详细

forEach、for in、for of 三者对比

时间:2019-03-13 00:29:30      阅读:254      评论:0      收藏:0      [点我收藏+]
forEach
 
forEach专门用来循环数组
forEach循环可以直接取到元素,同时也可以取到index值
存在局限性,不能continue跳过或者break终止循环,没有返回值,不能return
 
let arr = [‘a‘, ‘b‘, ‘c‘, ‘d‘]
arr.forEach(function (val, index, arr) {
    console.log(‘index:‘+index+‘,‘+‘val:‘+val) // val是当前元素,index当前元素索引,arr数组
    console.log(arr)
})
//index:0,val:a
//["a", "b", "c", "d"]0: "a"1: "b"2: "c"3: "d"
//index:1,val:b
//["a", "b", "c", "d"]
//index:2,val:c
//["a", "b", "c", "d"]
//index:3,val:d
//["a", "b", "c", "d"]

 

 

for in

for...in 语句以任意顺序遍历一个对象的可枚举属性
for in 遍历(当前对象及其原型上的)每一个属性名称,key会变成字符串类型
 
 let arr = [1,2,3,4];
 arr.b=‘100‘;
 for(let key in arr){
        console.log(key);//会把b输出来
    }

 

for of

for of是ES6新引入的特性。修复了ES5中for in的不足
允许遍历 Arrays(数组)、Strings(字符串)、Maps(映射)、Sets(集合)等可迭代的数据结构
for of 支持return, 只能遍历数组不能遍历对象(遍历对象需要通过和Object.keys()搭配使用)

forEach、for in、for of 三者对比

原文:https://www.cnblogs.com/theblogs/p/10520590.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!