1. 顺序结构
2. 分支结构
(1)if语句
if (/* 条件表达式 */) {
// 执行语句
}
if (/* 条件表达式 */){
// 成立执行语句
} else {
// 否则执行语句
}
if (/* 条件1 */){
// 成立执行语句
} else if (/* 条件2 */){
// 成立执行语句
} else if (/* 条件3 */){
// 成立执行语句
} else {
// 最后默认执行语句
}
-
if
-
if-else
-
if-else if-else if…
- 三元运算符
表达式1 ? 表达式2 : 表达式3 是对if……else语句的一种简化写法
- demo01:输出两数中的较大值
var num1 = 10;
var num2 = 20;
if (num1 > num2) {
console.log(num1);
} else {
console.log(num2);
} //使用三元运算符表达就是 num1>num2 ? num1:num2
-
demo02:等级查询
- [90,100] —— A
- [80,90) —— B
- [70,80) —— C
- [60,70) —— D
- [0,60) —— E
var score=prompt("请输入你的分数:");
if(score>=90&&score<=100){
console.log("A等级");
}else if(score>=80){
console.log("B等级");
}else if(score>=70){
console.log("C等级");
}else if(score>=60){
console.log("D等级");
}else {
console.log("E等级");
} //输入90,结果为A等级
(2)switch语句
switch (expression) {
case 常量1:
语句;
break;
case 常量2:
语句;
break;
case 常量3:
语句;
break;
…
case 常量n:
语句;
break;
default:
语句;
break;
}
-
如果case中的break省略则会继续执行下一个case
-
switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换(例如,字符串’10’ 不等于数值 10)
-
default和其中的break都可省略
- demo03:根据数字输出对应星期
var num = parseInt(prompt("请输入")); switch (num) { case 1: console.log("星期一"); break; case 2: console.log("星期二"); break; case 3: console.log("星期三"); break; case 4: console.log("星期四"); break; case 5: console.log("星期五"); break; case 6: console.log("星期六"); break; case 7: console.log("星期日"); break; default: console.log("输入有误!"); }
- demo04:控制语句中的布尔类型隐式转换
var message; // 会自动把message转换成false if (message) { console.log("执行了"); } console.log("未执行"); //未执行
非空字符串 非0数字 true 任何对象————转换为true
空字符串 0 false null undefined ————转换成false
3. 循环结构
(1)while语句
// 当循环条件为true时,执行循环体,
// 当循环条件为false时,结束循环。
while (循环条件) {
//循环体
}
- demo05:计算1-100之间所有数的和
var sum=0;
var i=1;
while (i<=100){
sum +=i;
i++;
}
console.log(sum); //5050
(2)do-while语句
do {
// 循环体;
} while (循环条件);
- ==demo06:1-100之间的累加和
var i = 1;
var sum = 0;
do {
sum += i; //循环体
i++; //自增
} while (i <= 100);//循环条件
while语句和do-while语句的区别:while语句先判断条件,再决定执行循环体;而do-while语句是直接执行循环体,然后再判断条件。
(3)for循环
// for循环的表达式之间用的是;号分隔
for (初始化表达式1; 判断表达式2; 自增表达式4) {
// 循环体3 //执行顺序 初始化表达式1 - 判断表达式2 - 循环体3 - 自增表达式4
}
- demo07:五行五列星星
for (var i=0; i<5; i++) {
for (var j=0; j<5; j++){
document.write("☆");
}
document.write("<br/>")
}
- demo08:九九乘法表
for (var i=1;i<=9;i++) {
for (var j=1;j<=i;j++) {
document.write(j+"*"+i+"="+i*j+" ");
}
document.write("<br/>");
}
说明:文章是笔记类型,如果有问题欢迎留言~~~