首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript基本语法(二)

JavaScript基本语法(二)

作者头像
靠谱先生
发布2018-09-10 16:04:25
3640
发布2018-09-10 16:04:25
举报
文章被收录于专栏:靠谱PM靠谱PM
  • 分支结构

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);
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.08.17 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档