JavaScript 循环与函数、数组-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_68758365/article/details/126875860

本文介绍了JavaScript中的while、do...while循环结构，函数定义及其返回值，以及数组的使用和arguments对象。通过实例演示了如何运用这些概念解决实际问题。

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

循环分类：

while循环（先执行一遍，再判断是否可以运行）

语法结构：while（条件表达式）{};

do...while循环（先判断，后执行）

语法结构:do{}while(条件表达式)

eg：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
                var isBuy = "y"
			do {
				var shoping = prompt("请输入1-5购买饮料")
				switch (shoping) {
					case "1":
						alert("红茶")
						break;
					case "1":
						alert("绿茶茶")
						break;
					case "1":
						alert("纯净水")
						break;
					case "1":
						alert("π茶")
						break;
					case "1":
						alert("可乐")
						break;
					default:
						break;

				}
				isBuy = prompt("是否继续购买y/n")

			} while (isBuy = "y")

for循环

for(初始变量;条件表达式;自增){}

*break和comtinue的区别

break:跳出循环，循环终止

continue：跳出本次循环，继续下一次循环

函数

那什么是函数呢？

函数的含义：类似于Java或C#中的方法，是执行特定任务的语句块。当需要重复完成某种任务时，就可以把相关的语句组织成函数。

语法结构:function 函数名（参数列表）

eg:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
	function test(width,height){
		var result = width*height
			console.log(result)
		}
		test(10,12)
		</script>
	</body>
</html>

return返回值：将函数中的运算结果返回式时，是否返回到调用该函数的位置

eg:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//使用函数求一个长方形的面积
			function test(width,height){
				var result = width*height
				return result
			}
			var result=test(10,12)
			//判断一下该长方形的面积是否可以被5整除
				
			if(result%5==0){
				console.log("该长方形的面积是可以被5整除")
			}else{
				console.log("该长方形的面积不能被5整除")
			}
			//判断该长方形的面积是否大于100
			if(result>100){
				console.log("该长方形的面积是大于100的")
			}else{
				console.log("该长方形的面积不大于100")
			}
		</script>

	</body>
</html>

数组

数组元素可以是对象. JavaScript 变量可以是对象。. 数组是特殊类型的对象。. 正因如此，您可以在相同数组中存放不同类型的变量。. 您可以在数组保存对象。

（arguments）

eg:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function test(){
				var result=0
				for(var i=0;i<arguments.length;i++){
					result+=arguments[i]
				}
				console.log(result)
			}
			//调用
			test（1.2.3.4）
		</script>
	</body>
</html>