这篇文章主要介绍“Web前端的三大结构是什么”，在日常操作中，相信很多人在Web前端的三大结构是什么问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Web前端的三大结构是什么”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
程序的三大结构：
顺序结构
选择结构
循环结构
if(){}判断语句
if(true){
//执行该语句
}
if(false){
//跳过该语句
}
if(ture){ //当if括号中结果为true时执行语句1，否则执行语句2
//语句1
}else{
//语句2
}
if()括号中的东西我们通常叫它逻辑点。
一个奇葩问题
if(//在这个括号里会发生各种各样奇奇怪怪的事情)
if(1){
alert('看我弹出来给你看')
}
感觉怪怪的：
if括号里填什么来着？？？
1是true么？
为什么会发生这样的事情那？在一些特定情况下，计算机会进行隐式类型转换。他和强制类型转换（Number）不一样，他不需要你做些什么，会自动对数据类型进行转换。
在 运算中，和if（括号中），会发生隐式类型转换。
运算中的隐式类型转换：
var a='1' ,b=2;
a+b=???
+运算符有两种含义，第一层含义是数学中的+运算，第二层含义是字符串拼接，优先运算字符串拼接，所以在检测到加好左右两边存在字符串的时候，会将运算符左右两边的数字都转换成字符串再进行运算。
a-b=？？？
除了+运算符具有两层含义以外，- * /只有数学意义，所以当进行- * /运算的时候默认会将运算符两侧的数据类型隐式转换为数字类型，再进行运算。
if(括号中的)隐式类型转换。
我们都知道，if括号中只需要布尔类型值。那么在if判断中，所有的数据类型都会被隐式转换为布尔类型。
if(非零数字都被转换成ture、非空字符串都转换成true)，存在两条基础规则，其余规则在今后学习中慢慢发掘。
alert(1==true);//true
switch()；
switch(语句){
case 0:alert(1);
break;
case 2:alert(2);
case 3:alert(3);
default:alert(10)
}
案例：成绩判定。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
</body>
<script>
var achievement = 30; //成绩;
var passNum = 60; //及格分数线;
if (achievement >= passNum) {
alert('成绩合格')
} else {
alert('成绩不合格')
}
</script>
</html>
案例：显示星期几。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
//假设每个月的第一天是星期一，写一个程序算出当月日期是星期几;
var day=33;//几号
if(day>=31||day<=0){
alert('星期八')
}else{
var nDsay=day%7;
switch(nDsay){
case 1:alert('星期一');
break;
case 2:alert('星期二');
break;
case 3:alert('星期三');
break;
case 4:alert('星期四');
break;
case 5:alert('星期五');
break;
case 6:alert('周六了好好嗨皮一下吧');
break;
case 0:alert('周末了好好嗨皮一下吧');
break;
default:alert('不可能弹出来');
}
}
</script>
</head>
<body>
</body>
</html>
注意switch的应用场景（有多个确定值需要判断的时候）；
注意case穿透，要加break语句（如果程序没有发现break语句，那么解析器会继续向下解析）
到此，关于“Web前端的三大结构是什么”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！
