JavaScript for/in 语句
JavaScript基础 2022-06-08 11:17:46小码哥的IT人生shichen
JavaScript for/in 语句
实例
循环遍历对象的属性:
var person = {fname:"Bill", lname:"Gates", age:25};
var text = "";
var x;
for (x in person) {
text += person[x] + " ";
}
完整实例:
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可循环遍历对象的属性。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var person = {fname:"Bill", lname:"Gates", age:19};
var text = "";
var x;
for (x in person) {
text += person[x] + " ";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html
定义和用法
for/in 语句循环遍历对象的属性。
循环内的代码块将为每个属性执行一次。
JavaScript 支持不同类型的循环:
- for - 多次循环代码块
- for/in - 遍历对象的属性
- for/of - 循环遍历可迭代对象的值
- while - 在指定条件为真时循环代码块
- do/while - 循环一次代码块,然后在指定条件为真时重复循环
注释:不要使用 for/in 语句循环遍历索引顺序很重要的数组。请改用 for 语句。
浏览器支持
语句 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
for/in | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
for (var in object) {
code block to be executed
}
参数值
参数 | 描述 |
---|---|
var | 必需。迭代对象属性的变量。 |
object | 必需。将被迭代的指定对象。 |
技术细节
JavaScript 版本: | ECMAScript 1 |
---|