javascript的for in 循环

来源:互联网 发布:网络用语吃鸡什么意思 编辑:程序博客网 时间:2024/05/14 02:55

1.for..in循环

javascript中有一个for in 循环。

它是对数组或者对象进行循环

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><p>点击下面的按钮,循环遍历对象 "person" 的属性。</p><button onclick="myFunction()">点击这里</button><p id="demo"></p><script>function myFunction(){var x;var txt="";var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){txt=txt + person[x];}document.getElementById("demo").innerHTML=txt;}</script></body></html>

输出结果为:


再看一个样例:

<!DOCTYPE html><html><body><button onclick="myFunction()">点击这里</button><p id="demo"></p><script>function myFunction(){var x;var txt="";var person={fname:"Bill",lname:"Gates",age:56}; for (x in person){txt=txt + x;}document.getElementById("demo").innerHTML=txt;}</script></body></html>

输出结果如下图所示

另外一个样例

<html><body><script type="text/javascript">var xvar mycars = new Array()mycars[0] = "宝马"mycars[1] = "奔驰"mycars[2] = "宾利"for (x in mycars){document.write(x + "<br />")}</script></body></html>

输出结果如下图所示



总结1:

格式:for  (变量 in 对象 )

当“对象”为数组时,“变量”指的是数组的“索引”;

当“对象”为对象是,“变量”指的是对象的“属性”。


2.in在数组和对象中的用法

另外提一下in在数组和对象中的使用

先看样例

数组实例:

var arr = ["a","b","2","3","str"];  var result = ("b" in arr);  var result1 = (4 in arr);  document.write(result+"<br>");  document.write(result1+"<br>");  
输出结果为
false  true  


对象实例:

var obj={           w:"wen",           j:"jian",           b:"bao"                 }        var result=(2 in obj);      var result1=("j" in obj);    document.write(result)+"<br/>";  document.write(result1)+"<br/>";  
输出结果为:

false  true  


总结2

语法(变量 in 对象)中变量指的是:

当“对象”为数组时,变量代表数组的索引

当“对象”为对象时,变量代表对象的属性



原创粉丝点击