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-02-22
  • 首趟辽宁援疆旅游专列907名游客进疆抵达沙湾县 2019-02-22
  • 太原35397名考生参加中考体测 2019-02-22
  • 自主创新确保北斗系统稳定运行 2019-02-21
  • 人民网评:汶川大地震十年,那些不能忘却的记忆 2019-02-21
  • 中国空港经济区成对外开放“门户” 空港城市加速布局 2019-02-21
  • 网络游戏“要发展”需重视青年权益 2019-02-20
  • “五毒月”禁忌应当学 竹林日记(0074) 2019-02-20
  • 《侏罗纪世界2》将上映 “星爵”透露:和恐龙的关系“情同父女” 2019-02-20
  • 甜点大危机!吃糖导致皮肤老化,了解一下? 2019-02-19
  • 海淀区西三旗街道:实施拆除清缘商厦违法建设 清退租住人员800余人 2019-02-19
  • 在第十二届全国人民代表大会第一次会议上的讲话 2019-02-18
  • 沃尔沃全新S60高性能版官图曝光 2019-02-18
  • 海南省农业厅与农发行携手合作 开产业扶贫“诸葛会”淘脱贫“金点子” 2019-02-17
  • 推动形成全面开放新格局 开启新时代开放新征程 2019-02-17
  • 606| 771| 584| 266| 28| 761| 670| 162| 647| 130|