JavaScript基本语法(二)

简介: 分支结构1.if语句2.if-else语句3.三元表达式4.if-else if-else if语句5.switch-case6.总结循环结构1.while循环2.do-while循环3.for循环if语句基本语法:if(表达式){ 代码}执行过程:先判断表达式的结果是true还是false,如果是true则执行代码,如果是false,则不执行。
img_7bc158adcaeaee11ff3d16ababfb40cc.png
  • 分支结构

1.if语句
2.if-else语句
3.三元表达式
4.if-else if-else if语句
5.switch-case
6.总结

  • 循环结构

1.while循环
2.do-while循环
3.for循环

if语句

基本语法:

if(表达式){
 代码
}

执行过程:
先判断表达式的结果是true还是false,如果是true则执行代码,如果是false,则不执行。

例子:
判断年龄是否大于等于18岁,如果大于18岁则可以看电影了。

var age = 19;
if(age>=18){
console.log("可以看电影了");
}

if-else语句

基本语法:

if(表达式){
代码1
}else{
代码2
}

执行过程:
如果表达式的结果为true则执行代码1,如果表达式的结果是false,则执行代码2.

例子:小明的年龄是否是成年人,如果是成年人则提示“可以看电影了”,否则提示“回家写作业”。

var age = 10;
if(age>=18){
console.log(“可以看电影了”);
}else{
console.log("回家写作业");
}

三元表达式

基本语法:

var变量 = 表达式1 ?表达式2:表达式3;

执行过程:
判断表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量;如果表达式1的结果是false,则执行表达式3,把结果给变量。

例子:判断是成年还是未成年

var age = 20;
var result = age>=18?"成年了":"未成年";
console.log(result);

if-else if-else if语句

基本语法:

if(表达式1){
代码1
}else if(表达式2){
代码2
}else{
代码3
}

执行过程:
先判断表达式1,如果结果为true执行代码1,如果为false,则判断表达式2,表达式2结果为true则执行代码2,如果为false则执行代码3.

例子:
成绩的结果是90到100(包含)之间则显示“A级”
成绩的结果是80到90(包含)之间则显示“B级”
成绩的结果是70到80(包含)之间则显示“C级”
成绩的结果是60(包含)到70(包含)之间则显示“D级”
成绩的结果是0到60(不包含)之间则显示“E级”

var score = 78;
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级");
}

switch-case

基本语法:

switch(表达式){
case值1:
代码1;
break;
case值2:
代码2;
break;
case值3:
代码3;
break;
...多个case
default:
代码4;
break;
}

执行过程:
获取表达式的值,和值1比较,如果一样,则执行代码1,遇到break则跳出整个语句,后面的代码不执行。
如果表达式的值和1不一样,则和值2比较,如果相同则执行代码2,遇到break则跳出。
如果表达式的值和2不一样,则和值3比较,如果相同则执行代码3,遇到break则跳出。都不同则执行代码4

例子:
或许一个人成绩的级别
如果是A级则显示“90到100”之间的数
如果是B级则显示“80到90”之间的数
如果是C级则显示“70到80”之间的数
如果是D级则显示“60到70”之间的数
否则显示“0到59”之间的数

var level = "C"
switch(level){
case"A":
console.log("90到100");
break;
case"B":
console.log("80到90");
break;
case"C":
console.log("70到80");
break;
case"D":
console.log("60到70");
break;
default:
console.log("0到59");
break;
}

总结

1.if语句:一个分支
2.if-else语句:两个分支,最后只执行一个
3.三元表达式:和if-else语句是一样的
4.if-else if-else if语句:多个分支,最终执行一个
5.switch-case:多分支语句,最终也会执行一个

如果有多个分支,是针对范围的判断一般选择if-else if语句
如果有多个分支,是针对具体的值判断,一般选用switch-case

while循环

基本语法:

var 变量 = 0;//计数器
while(循环条件){
循环体;
计数器++;
}

执行过程:
先判断循环条件是否成立,如果是false,那么循环的代码(while大括号中的代码都不执行),如果是true,那么先执行循环体,然后执行计数器,然后跳到循环条件,再次判断是否成立,一直如此。

例子:
计算1-100之间所有数字的和

var sum = 0; //存储最终的和
var i =1; //计数器
while(i<=100){
sum=sum+I;
I++;
}
console.log(sum); // 5050

do-while循环

基本语法:

do{
循环体;
}while(循环条件);

执行过程:
先执行一次循环体,然后判断条件是否成立,不成立则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出。

例子:
输出十次“你好”

var j = 0;
do{
console.log("你好");
j++;
}while(j<10);

for循环

基本语法:

for(表达式1;表达式2;表达式3;){
循环体;
}

执行过程:
先执行一次表达式1,然后判断表达式2,如果不成立则直接跳出循环,如果表达式2成立,执行循环体的代码,结束后跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立则跳出循环,如果表达式2成立,则执行循环体,然后再跳到表达式3,再跳表达式2,判断是否成立,一直如此。

例子:
求1-100之间所有数字的和

var sum = 0;
for(var j=1;j<=100;j++){
sum = sum+j;
}
console.log(sum);
相关文章
|
2月前
|
JavaScript 前端开发
关于 JavaScript 代码里双重感叹号的语法
关于 JavaScript 代码里双重感叹号的语法
51 1
|
3月前
|
JavaScript 前端开发
JavaScript基础语法(类型转换)
JavaScript基础语法(类型转换)
27 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(流程控制语句)
JavaScript基础语法(流程控制语句)
25 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(运算符)
JavaScript基础语法(运算符)
32 0
|
3月前
|
JavaScript 前端开发 Java
JavaScript基础语法(变量)
JavaScript基础语法(变量)
48 0
|
29天前
|
JavaScript 前端开发 Web App开发
JavaScript基础语法(codewhy版本)(一)
JavaScript基础语法(codewhy版本)
88 1
JavaScript基础语法(codewhy版本)(一)
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript的数组教程(最详细,更新至es6新语法)
JavaScript的数组教程(最详细,更新至es6新语法)
|
1月前
|
移动开发 前端开发 JavaScript
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(下)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)