<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>顺序，分支 结构</title>
<script>
// 三种代码结构 ： 顺序，分支，循环 顺序结构 分支结构(if else 和 switch case) 循环结构（while 与 do while 和 for）
// 1. 顺序结构( 顺序 由上到下 执行代码 ，条件 是根据判断条件有选择的执行代码)
//1. 顺序结构-(从上往下按顺序执行)
console.log('1');
console.log('12');
console.log('123');
//2.分支结构 if
// 一、if 小括号 中 出现的情况：
// 基本数据类型中：
// 数值 ： 0 , NaN 转成 false，其他都是 true
// 字符串： '' 转成 false，其他 都是 true
// null undefined：都转成 false
// 引用数据类型中：所有对象 都会被 if 自动转换成 true,联想 Boolean(表示 空、0、否定的 转成 false)
// if (bool){
// // 如果 bool值为 true，就会执行 大括号 里的代码
// }
// if else if
// 一旦 满足 if else if 中 的 任意个条件，就停止后面的 else if 的执行，调到 最后一个 大括号外面 接着执行
var money = 99;
if (money > 100) {
console.log('1');
} else if (money > 60) {
console.log('2');
}
console.log('3');
// if else if ... else
// 在 if 语句 最后 添加 一个 else，相当于 做了一个 默认代码操作
// 当所有if 条件 都不满足时，就会 去 else 大括号中 执行代码！！！
// if else 用于 判断 两个 条件
var a = 10 , b = 20;
if (a < b) {
alert(a); // 10
} else {
alert(b);
}
// 嵌套 if else
var a = 10 , b = 20 , c = 30 ,d = 0;
if (a > b ) {
if(a > c) {
d = a;
}else{
d = c;
}
}else if(b > c) {
d = b;
}else {
d = c;
}
alert(d); // 30
// 2.2 switch case 专门用来做 判等
// 相当于 if(usrMont === 1){ }
// 其中的 break 一旦 执行，就会 跳出 整个 switch 大括号，执行 后面的代码！！
// 如果 某个 case 中 没有写 break，当执行完 这个 case 大括号 代码后，就会 继续 执行 下一个 case 中的代码，
// 直到 所有 case 执行完，或者 遇到 break才停止
// continue; 跳出 本次 循环
// break 跳出整个switch大括号
// default:当表达式的值没有匹配，执行这里的语句
var a = +prompt('请输入数字');
switch (a) {
case 1:{
// alert('1');
// break;
}
case 2:{
// alert('2');
// break;
}
case 3:{
alert('呵呵');
break;
}
case 4:
case 5:
case 6:{
alert('哈哈');
break;
}
// 当表达式的值没有匹配，执行这里的语句
default :{
alert('嗯嗯');
}
}
</script>
</head>
<body>
</body>
</html>
网友评论