javascript中for.....in的用法

JavaScript014

javascript中for.....in的用法,第1张

for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用

一楼的只说出了一个特殊的情况-数组,其实所有对象都可以应用for。。。in的

七主要作用为遍历对象的所有属性,下面给出一个实例

<html>

<head>

<title>一个使用到for...in循环的Javascript示例</title>

</head>

<body>

<script type="text/javascript">

// 创建一个对象 myObject 以及三个属性 sitename, siteurl, sitecontent。

var myObject = new Object()

myObject.sitename = "布啦布啦"

myObject.siteurl = "blabla.cn"

myObject.sitecontent = "网页教程代码图库的中文站点"

//遍历对象的所有属性

for (prop in myObject)

{

document.write("属性 '" + prop + "' 为 " + myObject[prop])

document.write("<br>")

}

</script>

</body>

</html>

for(声明:表达式)

语句

声明 是一个变量,例如 Object listElement。这个变量应该有自己的类型,这样,它就可以与将遍历的列表、数组或集合中的每一个项兼容。

表达式 就是一个表达式。它计算的结果应当是可以遍历的。在现在,只要保证表达式 计算的结果是一个集合或者数组就可以了。表达式可以简单到就是一个变量,或者是一个方法调用(例如 getList()),亦或是包含布尔逻辑或三目运算符的复杂表达式。只要它返回一个数组或集合,就一切 OK。

语句 代表循环的内容,它对声明 中定义的变量进行操作;当然,这是一个循环,所以语句 将应用到数组中集合的每个项目上。而且,使用大括号({ 和 })时,还能使用多条语句。

其用法如下:创建一个变量,指向要遍历的数组或集合,然后对定义的变量进行操作。不用对列表中的每个项目进行赋值,因为 for/in 替您处理了这件事。

简单说,for in是遍历键名,for of是遍历键值。

例如:

let arr = ["q","c"]

for (a in arr) {

   console.log(a)//1,2

}

for (a of arr) {

   console.log(a)//q,c

}

由于for of的这个特性,他还可以实现对iterator对象的遍历,而for in就是简单的遍历了。

兼容方面来说

for in是ES5标准,for of是ES6标准

for of兼容性还不够,移动端安卓(6.0以下)微信浏览器貌似不支持,苹果的可以web端IE支持也不够,chrome可以。