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

------分隔线--------
尚未注册畅言帐号,请到后台注册
  • 政能亮政府服务,当好“店小二”而非“二大爷” 2018-12-10
  • 图解:6%人口极度贫困、18%儿童贫困,来看看美国当下的人权状况 2018-12-10
  • 女出纳侵吞千万公款扮富婆 7年未被公司发现 2018-12-09
  • 湖北“儿子娃娃”的医疗援疆路 2018-12-09
  • 太原网友:谁来管管逢雨必淹的山大附小周边 2018-12-09
  • 43m2三房两厅 小公寓抢刚需客 2018-12-08
  • 宝沃推全新纯电动SUV最高时速150km 2018-12-08
  • 【萍乡天气】最新萍乡今天天气,实时提供萍乡气温、空气质量、24小时天气预报、生活指数查询 2018-12-08
  • 生查子·承前启后—zhuopushitou的博客—强国博客—人民网 2018-12-07
  • “集”突破之力 “聚”转型之势 2018-12-07
  • “见新见绿”模型初现 悠然阳城未来可期 2018-12-06
  • 传媒每周热闻第361期:春节档全国票房收入再创新高 央视狗年春晚获好评 2018-12-06
  • 【美丽乡村】英买里村农家美 2018-12-06
  • 大量宋蒙战争时期遗物现身涪陵 2018-12-05
  • 特色小镇里的税收服务 定海国地税多措并举提升效能 2018-12-05
  • 323| 601| 128| 475| 480| 897| 412| 994| 858| 47|