小码哥的IT人生

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 支持不同类型的循环:

  1. for - 多次循环代码块
  2. for/in - 遍历对象的属性
  3. for/of - 循环遍历可迭代对象的值
  4. while - 在指定条件为真时循环代码块
  5. 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

相关页面

JavaScript 教程:JavaScript For 循环

JavaScript 参考手册:JavaScript for 语句

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024