JavaScript——For/In 循环
2016-08-15 15:53
639 查看
代码：w3school
for/in 循环遍历对象的属性
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo1"><br></p>
<p id="demo2"><br></p>
<script>
function myFunction()
{
var x;
var txt1="";
var txt2="";
var person={fname:"Bill",lname:"Gates",age:56};
//将person的key遍历存入x
for (x in person)
{
//x存入的是person的key，person[x]：表示key为x的值
txt1=txt1 + " " + x;
txt2=txt2 + " " + person[x];
}
document.getElementById("demo1").innerHTML=txt1;
document.getElementById("demo2").innerHTML=txt2;
}
</script>
</body>
</html>
for/in 循环遍历对象的属性
<!DOCTYPE html>
<html>
<body>
<p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
<button onclick="myFunction()">点击这里</button>
<p id="demo1"><br></p>
<p id="demo2"><br></p>
<script>
function myFunction()
{
var x;
var txt1="";
var txt2="";
var person={fname:"Bill",lname:"Gates",age:56};
//将person的key遍历存入x
for (x in person)
{
//x存入的是person的key，person[x]：表示key为x的值
txt1=txt1 + " " + x;
txt2=txt2 + " " + person[x];
}
document.getElementById("demo1").innerHTML=txt1;
document.getElementById("demo2").innerHTML=txt2;
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript for...in 循环的陷阱
- javascript 循环语句 while、do-while、for-in、for用法区别
- javascript之for-in循环(for-in Loops)
- javascript中关键字in以及循环for...in的使用和注意事项
- javascript中for/in循环及使用技巧
- javascript 循环语句 while、do-while、for-in、for用法区别
- JavaScript中for..in循环陷阱
- 在 JavaScript 核心语言中，全局对象的预定义属性都是不可枚举的，所有可以用 for/in 循环列出所有隐式或显式声明的全局变量
- Javascript 中的for…in…循环
- 【JavaScript】学习笔记（对象的访问，创建；for-in循环）
- javascript 循环语句 while、do-while、for-in、for用法区别
- JavaScript for…in 循环的陷阱
- javascript之对象访问语句(for...in循环,with语句)
- JavaScript for...in循环
- JavaScript for...in 循环的陷阱
- Javascript 中的for…in…循环
- JavaScript中“过于”犀利地for/in循环使用示例
- javascript中for/in循环及使用技巧
- JavaScript中for..in循环陷阱介绍