JavaScript for...in 语句

最新推荐文章于 2022-08-25 10:28:22 发布

寸寸时光

最新推荐文章于 2022-08-25 10:28:22 发布

阅读量365

点赞数

CC 4.0 BY-SA版权

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/wang17866603359/article/details/78060315

本文介绍了JavaScript中for...in循环的基本用法及语法结构，并通过具体实例展示了如何利用该循环遍历数组和对象的属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

for…in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
JavaScript for…in 语句
for…in 语句用于对数组或者对象的属性进行循环操作。
for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。
语法：
for (变量 in 对象)
{
在此执行代码
}
“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。
实例：
使用 for … in 循环遍历数组。

<html>
<body>

<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>

</body>
</html>

这里写图片描述



**JSON也可以，比如说:**

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<p>你可以使用 for-in 来访问数组</p>
<p id="demo"></p>
<script>
          var myobj,i,x="";
          myobj = {
             "name":"网站",
             "num":3,
             "sites":["Google","Runoob","Taobao"]
          };
          for(i in myobj.sites){
             x+=myobj.sites[i]+"<br>";
          }
         document.getElementById("demo").innerHTML =x;
</script>
</body>
</html>

这里写图片描述