ECOS百科全书|高级搜索|RSS订阅|加入收藏|服务中心|联系我们欢迎您光临!

for in 和 for of 的使用

来源:网络,清风设计团队 发布时间:2018-04-13 10:57 字体:【   点击次

nba新闻 www.p5vjo.com.cn   es6之前一般使用的数据结构为数组和对象,使用其中的数据必定是要先遍历,这里我们来了解一下for in 和 for of遍历, for of属于es6新语法


for in 遍历数组

var arr=[2,4,5,7,5];
for(var key in arr){
    console.log(key);
}

image.png

输出结果是该数组的下标而且是字符串类型,不能直接进行几何操作

所以for in不适用于数组


for in 遍历对象

var obj={name:"zhangsan",age:20,sex:"男"}
for(var key in obj){
    console.log(key);
}

image.png

输出结果是该对象的键名


for of 遍历数组

var arr=[2,4,5,7,5];
for(var value of arr){
    console.log(value);
}

image.png

输出结果是该数组的元素值


for of 遍历对象

for of不能直接遍历,原因是Object对象没有Iterator接口

原生具备 Iterator 接口的数据结构如下。

  • Array

  • Map

  • Set

  • String

  • TypedArray

  • 函数的 arguments 对象

  • NodeList 对象


所以数组能直接使用for of 遍历,对象要使用for of方法遍历,可以自定义Iterator方法或者是将对象转换成数组

es6中新增了Object.entries()方法,将对象作为数组输出

var obj={name:"zhangsan",age:20,sex:"男"}
for(var [key,value] of Object.entries(obj)){
	console.log(value);
}

image.png

输出结果为对象的属性值


------分隔线--------

关键词:js,forin,forof,es5,es6

转载请保留://www.p5vjo.com.cn/html/jszx/article-2815.html

------分隔线--------
尚未注册畅言帐号,请到后台注册
  • 乌鲁木齐市文庙特色活动庆端午 2019-05-24
  • 北京进入旅游旺季 警察提示游客需防揽客者连环设套忽悠购物 2019-05-23
  • 注意了!报考这个专业须先参加面试 2019-05-23
  • 请问版主,我说计划经济和市场经济的帖子,怎么就要进退稿箱呢?中国吃市场经济的亏,还不多么?! 2019-05-23
  • 海淀区曙光街道举办第五届龙舟赛 2019-05-22
  • 竹编:缝隙里的乡愁文章中国国家地理网 2019-05-22
  • 乌鲁木齐市中级人民法院庭审在线直播 2019-05-22
  • 海南海口查处多名村组干部合伙侵占扶贫款案 2019-05-22
  • 2018广州中考语文作文题揭晓:《原来这么简单》 2019-05-21
  • 河北石家庄首家农村少年邮局揭牌 2019-05-21
  • 外媒称中俄合作攸关世界秩序 两国间很难被“插入楔子” 2019-05-21
  • 新华社评论员:永远做中国人民和中华民族的主心骨——三论习近平总书记在十三届全国人大一次会议上的重要讲话 2019-05-20
  • 两位幼童被瓜子花生卡喉 十堰市人民医院多学科协作成功取出 2019-05-20
  • 调查:六成老人感到幸福,西藏排第一,您家的呢?  2019-05-19
  • 为丰富百姓餐桌提供更多选择(打开对外开放新局面) 2019-05-19
  • 109| 473| 365| 834| 891| 666| 301| 366| 415| 566|