当前位置: 首页> 房产> 建筑 > JavaScript基础——JavaScript常见语句(判断语句、循环语句、控制流语句)

JavaScript基础——JavaScript常见语句(判断语句、循环语句、控制流语句)

时间:2025/7/9 23:10:11来源:https://blog.csdn.net/weixin_64294248/article/details/140891850 浏览次数:0次

        JavaScript提供了丰富的语句来控制程序的执行流程,包括用于条件判断的if、switch和三元运算符,以及用于循环的for、while、do...while、for...in和for...of。此外,还有控制流语句如break、continue和return。

判断语句

if 语句

         if 语句:用于基于条件执行代码块。语法如下:

if (condition) {// 条件为真时执行的代码
}

        定义变量记录一个分数,小于60分,在控制台上输出 “成绩不及格”。

         完整代码:

        var score = 56;if(score < 60) {// 符合条件的情况下,就进入执行 {} 中代码console.log("成绩不及格");}

if...else 语句 

        if...else 语句:在条件为假时提供一个备选的代码块。语法如下:

if (condition) {// 条件为真时执行的代码
} else {// 条件为假时执行的代码
}

        定义变量记录一个分数,大于等于60分,在控制台上输出 “成绩及格”,否则,输出“成绩不及格”。

        完整代码: 

    <script>var result = 40;if (result >= 60) {// 符合条件,执行if作用域 {} 的代码console.log("成绩及格");}else {// 否则,执行else作用域 {} 的代码console.log("成绩不及格");}</script>

if...else if...else 语句

        if...else if...else 语句:允许多个条件的判断。 语法如下:

if (condition1) {// 第一个条件为真时执行的代码
} else if (condition2) {// 第二个条件为真时执行的代码
} else {// 所有条件都不满足时执行的代码
}

         定义变量记录一个分数,根据以下给出的参数做判断。

        //  基础很差  0  ~ 39  

        //  基础差    40 ~ 59

        //  基础好    60 ~ 79

        //  基础很好  80 ~ 100

        //  未知分数

        完整代码:

    <script>// 3) 定义变量记录一个分数,根据以下给出的参数做判断//  基础很差  0  ~ 39  //  基础差    40 ~ 59//  基础好    60 ~ 79//  基础很好  80 ~ 100//  未知分数var value = 65;if (value >= 0 && value <= 39) {console.log("基础很差");}else if (value >= 40 && value <= 59) {console.log("基础差");}else if (value >= 60 && value <= 79) {console.log("基础好");}else if (value >= 80 && value <= 100) {console.log("基础很好");}else {console.log("未知分数");}</script>

三元运算符   

        三元运算符:一种简洁的条件表达式。相当于if...else,可以返回一个结果。语法如下:

条件是否成立?条件成立执行代码:条件不成立执行代码
let result = condition ? value1 : value2;

        判断b和c的大小,如果b大于c,则d等于b,否则等于c。

        完整代码:

    <script>// 判断b和c的大小,如果b大于c,则d等于b,否则等于cvar b = 10;var c = 20;var d = b > c ? b : c;console.log(d);</script>

循环语句 

        循环是重复执行的意思,可以减少重复冗余的代码。

for 循环

        for 循环:用于重复执行一段代码直到条件不再满足。语法如下:

for (初始化; 终止条件; 自增 / 自减) {循环体
}

        程序首先执行代码1,代码2,进入循环体,走出循环体,最后执行代码3。

        代码1:初始化一个值

        代码2:条件(要合理,否则出现死循环)

        代码3:控制值改变

for(代码1; 代码2; 代码3){循环体
}

        假设需要从0打印到9,初始化值为0,条件是小于10,自增。

        代码如下:

for (let i = 0; i < 10; i++) {console.log(i); // 打印0到9
}

while循环

        while 循环:只要条件为真,就重复执行代码块,与for相同,需要有条件和自增/自减,否则程序会陷入死循环。语法如下:

while (条件) {代码块;自增/自减;
}

        假设现在还是要打印0到9,首先定义变量为0,while循环的条件设置为小于10,自增。

        完整代码如下:

let i = 0;
while (i < 10) {console.log(i);i++;
}

do...while循环

        do...while 循环:至少执行一次代码块,然后只要条件为真就继续执行。语法如下:

        假设现在还是要打印0到9,首先定义变量为0,do是执行打印和自增,while循环的条件设置为小于10。

        完整代码如下:

let i = 0;
do {console.log(i);i++;
} while (i < 10);

for...in 循环

        for...in 循环:遍历对象的属性。语法如下:

for (const 键 in 对象) {console.log(键, 对象[键]);
}

        设置一个对象,遍历这个对象,输出属性名与属性值。 

 

        完整代码如下: 

    <script>const obj = { a: 1, b: 2, c: 3 };for (const prop in obj) {console.log(prop, obj[prop]);}</script>

for...of循环

        for...of 循环:遍历可迭代对象(如数组、字符串等)。语法如下:

for (const 值 of 数组) {console.log(值);
}

        定义一个数组,遍历这个数组的值。

 

         完整代码如下:

    <script>const arr = ['apple', 'banana', 'cherry'];for (const fruit of arr) {console.log(fruit);}</script>

控制流语句

break 语句

        break 语句:用于立即退出循环或switch语句,执行break语句后,循环或switch语句后续的代码都不执行。语法如下:

for (...) {if (终止条件) {break; // 退出循环}
}

        设置一个循环,循环10次,到第5次时退出循环,在控制台观察输出,可以发现到5就不在输出后续的,说明程序到第5次执行break语句后,直接推出了循环。

        代码如下: 

    <script>for (let i = 0; i < 10; i++) {if (i === 5) {break; // 退出循环}console.log(i);}</script>

continue语句

        continue语句:用于跳过当前循环的剩余代码,直接进入下一次循环。执行continue语句后,退出执行的那一次循环或switch语句,执行后续的代码。语法如下:

for (...) {if (终止条件) {continue; // 退出循环}
}

        设置一个循环,循环10次,到第5次时退出循环,在控制台观察输出,可以发现第5次没有输出,其他都有输出,说明只是退出了第5次循环。

        完整代码如下:

    <script>for (let i = 0; i < 10; i++) {if (i === 5) {continue; // 退出循环}console.log(i);}</script>

return语句 

        return语句:用于从函数返回一个值,也有终止代码块(函数)的作用,如果有多个return,只执行第一个。

function myFunction() {return XXX;
}

        设置一个函数,返回hello world。

         完整代码如下:

    <script>function myFunction() {return 'Hello, World!';}console.log(myFunction());</script>

switch语句

        switch语句:用于基于不同的情况执行不同的代码块。语法如下:

switch (变量) {case 值1:执行代码1;break;case 值2:执行代码2;break;default:执行代码3;
}

        定义四个方向变量(上up 下down 左left 右right),满足某个条件执行某代码。

        完整代码如下:

    <script>// 定义方向变量(上up 下down 左left 右right)var direction = "right";// 控制流语句(分支处理)// switch(变量) {case 分支1:执行代码; break; case 分支2:执行代码 break; }switch (direction) {case "right":console.log('向右移动');break;case "left":console.log('向左移动');break;case "up":console.log('向上移动');break;case "down":console.log('向下移动');break;default:console.log('无效的方向');break;}</script>

        

关键字:JavaScript基础——JavaScript常见语句(判断语句、循环语句、控制流语句)

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: