JavaScript-while循环
if 的格式
if(条件表达式){
条件满足执行的语句;
}
if 的特点
- 只有条件表达式为真才会执行后面 {} 中的代码。
- 大括号中的代码只会被执行一次。
while 的格式
while(条件表达式){
条件满足执行的语句;
}
while 的特点
- 只有条件表达式为真才会执行后面 {} 中的代码。
- 大括号中的代码有可能会被执行多次。
while 的执行流程
- 首先会判断条件表达式是否为真, 如果为真就执行后面 {} 中的代码。
- 执行完后面 {} 中的代码, 会再次判断条件表达式是否还为真。
- 如果条件表达式还为真, 那么会再次执行后面 {} 中的代码。
- 重复 1 ~ 3, 直到条件表达式不为真为止。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
console.log("发射子弹1");
console.log("发射子弹2");
console.log("发射子弹3");
console.log("发射子弹4");
console.log("发射子弹5");
console.log("发射子弹6");
console.log("发射子弹7");
console.log("发射子弹8");
console.log("发射子弹9");
console.log("发射子弹10");
</script>
</head>
<body>
</body>
</html>
书写循环结构的规则
- 不管三七二十一先写上循环结构的代码。
- 将需要重复执行的代码拷贝到 {} 中。
- 再 () 中指定循环的结束条件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
let num = 1;
while (num <= 10) {
console.log("发射子弹" + num);
num++;
}
</script>
</head>
<body>
</body>
</html>
while 注意点
什么是死循环
条件表达式永远为真的循环结构我们称之为死循环。
什么是循环体
循环结构后面的 {} 我们称之为循环体。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (true) {
console.log("BNTang");
}
</script>
</head>
<body>
</body>
</html>
和 if 一样对于非 Boolean 类型的值, 会先转换为 Boolean 类型再判断。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (null) {
console.log("被执行了");
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (1) {
console.log("BNTang");
}
</script>
</head>
<body>
</body>
</html>
和 if 一样 while 后如果只有一条语句它可以省略大括号。
和 if 一样如果省略了后面的 {}, 那么只有紧随其后的那条语句受到控制。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (false)
console.log("语句A");
console.log("语句B");
</script>
</head>
<body>
</body>
</html>
和 if 一样, 不能在 () 后面写分号
(;)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (false) ;
{
console.log("语句A");
console.log("语句B");
}
</script>
</head>
<body>
</body>
</html>
最简单死循环写法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<script>
while (1) ;
</script>
</head>
<body>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳，地球，月球 运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具