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

JavaScript019

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 替您处理了这件事。

in 运算符并不是直接在数组中查找是否存在指定的值!

如果右边是数组左边是数字,会把左边的数字 (字符串形式的也可以如 "2" in arr 等于 2 in arr)当成一个索引去检查,如果索引是合法的就返回true。

如果右边是数组左边是字符串 比如"id",会把左边的值当成一个属性去检查,如果找到该属性就返回true。

如果右边是对象这个时候不管左边字符串还是数字,会把左边的值当成一个属性去检查,如果找到该属性就返回true。

所以在上面的例子中:

第一个  ("b" in arr)中的 "b" 不是索引,arr中也没有这个属性 故返回 false.

第二个  (4 in arr)中的 4  是合法索引(上面的arr的合法索引是0-4),故返回 true.