【前端学习-循环语句】js基础学习笔记

最新推荐文章于 2025-03-09 16:56:52 发布

原创最新推荐文章于 2025-03-09 16:56:52 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端基础js 专栏收录该内容

15 篇文章

订阅专栏

这篇博客详细介绍了JavaScript中的两种循环语句——for循环和for/in循环。通过实例和效果图，阐述了它们的工作原理及使用场景，是前端开发者巩固JS基础的宝贵资料。

1.for循环

<script >
names=["李华","Volvo","王晶","Ford"];//数组
for (var i=0;i<names.length;i++)//数组的长度用names.length来获取
{
	document.write(names[i] + "<br>");
}
</script>

在这里插入图片描述

<body>
	<h2 id="demo"></h2>
	<button οnclick="myfunction()">点击这里</button>
</body>
<script >
function myfunction()
{
var x="";
for(var i=0;i<5;i++)
{
	x=x+"该数字为："+i+"<br>";
}
document.getElementById('demo').innerHTML=x;

}
</script>

效果图：
在这里插入图片描述
2.for/in循环

for (变量 in 对象/数组)
{
    在此执行代码
}

<script >
var x="";
i=[1,2,3,4,5,6];
var j;
for(j in i)//j是变量，i是数组
{
	document.write(i[j]+" ，");
}

</script>

效果图：
在这里插入图片描述

/20200708220451695.png)<script>
	var txt = "";
	var person = {fname:"Bill", lname:"Gates", age:62}; 
	var x;
	for (x in person) //x是变量，person是对象
	{
	  txt += person[x] + " ";
	}
	document.getElementById("demo").innerHTML = txt;
	</script>