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);
相关文章
|
3月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
113 1
|
8天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
14天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
10 0
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
4月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
118 4
|
5月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
34 5
|
4月前
|
存储 JavaScript 前端开发
|
5月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
58 3
|
4月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
498 0