JavaScript--流程控制
2021/7/10 14:05:56
本文主要是介绍JavaScript--流程控制,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. 流程控制
1.1 if & else 代码块
let age = 3; if (age >= 18) { alert('adult'); } else if (age >= 6) { alert('teenager'); } else { alert('kid'); }
1.2 三目运算符
-
语法结构
表达式1 ? 表达式2 : 表达式3;
-
执行思路
- 如果表达式1为 true ,则返回表达式2的值,如果表达式1为 false,则返回表达式3的值
- 简单理解: 就类似于 if else (双分支) 的简写
示例:
let num = 3; console.log(num >= 5 ? 10 : 20) // 20
let b = 1, a = 2; a >= 2 ? b++ : b--; // b = 2
1.3 switch分支流程控制
语法:
switch (expression) { case 变量x: // 语句1代码块 break; case 变量y: // 语句2代码块 break; case 变量z: // 语句3代码块 break; default: // 默认执行代码块(如果以上请看都不满足就执行这里的语句) }
示例:
let flag = 3; switch (flag) { case 1: alert("case 1:") break; case 2: alert(" case 2:") break; case 3: alert("case 3:") break; default: alert("default:") }
运行结果:
1.4 for循环
1.4.1 基础语法
for (let i = 0; i < 100; i++) { console.log("i: " + i) }
1.4.2 遍历数组
1.4.3 无限循环
1.4.4 for…in…
1.4.5 forEach
let arr = ['a', 'b', 'c'] // value就是arr里面的每一个元素 arr.forEach(value => { console.log(value)// 'a', 'b', 'c' })
1.5 While循环
while只有条件成立才执行循环;do while无论条件成立与否,都至少要执行一次循环。do-while是先执行再判断,即使第一次判断为否也会执行一次。
1.5.1 基本操作
let index = 0; while (index < 10) { index++; } alert(index); // 10
1.5.2 do…while
let n = 0; do { n = n + 1; } while (n < 100); alert(n); // 100
这篇关于JavaScript--流程控制的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-19环境变量处理课程:新手入门教程
- 2024-09-19接口模块封装课程:新手入门指南
- 2024-09-19请求动作封装课程:新手入门教程
- 2024-09-19拖拽表格课程:新手入门指南
- 2024-09-19页面权限课程:新手必学的权限管理入门教程
- 2024-09-19如何正确主动登出课程:新手必读教程
- 2024-09-19Element-Plus课程:新手入门与初级教程
- 2024-09-19Token处理入门教程:新手必看指南
- 2024-09-19如何应对被动登出课程的情况:新手必读指南
- 2024-09-19打包优化课程:初学者的必备指南