JavaScript for...in 循环

Posted 渐行渐远~想

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript for...in 循环相关的知识,希望对你有一定的参考价值。

 

javascript for...in 语句循环遍历对象的属性。

语法

for (对象中的变量)
  {
  要执行的代码
  }

注释:for...in 循环中的代码块将针对每个属性执行一次。

实例

循环遍历对象的属性:

var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)
  {
  txt=txt + person[x];
  }



举例:
<!DOCTYPE html>
<html>
<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>






































以上是关于JavaScript for...in 循环的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 循环:for...in 与 for

Javascript:for..in 循环运行的次数超出预期

javaScript for in循环遍历对象

[Effective JavaScript 笔记]第49条:数组迭代要优先使用for循环而不是for...in循环

JavaScript 循环

javaScript数组遍历