JavaScript语法知识笔记(三)——条件运算符,流程控制语句,循环
创始人
2024-01-18 13:40:34

 12.条件运算符

条件运算符也叫三元运算符

                语法:

                    条件表达式?语句:语句二

                -执行的流程

                    条件运算符在执行时,首先对条件表达式进行求职

                        如果该值为true 则执行语句1 斌返回执行结果、

                        如果该值为flase 则执行语句2 斌返回之心结束

                    如果条件表达式的求职结果是一个非布尔值

// true?alert("语句一"):alert("语句二");var a = 10;var b = 20;var c = 50;// a > b ? alert("a"):alert("b");//获取a和b的最大值// var max = a > b ? a : b ;//获取 a b c 中的最大值// max = max > c ? max : c;//不推荐使用,不方便阅读var max = a > b ? (a > c ? a : c) : (b > c ? b : c);  console.log("max = "+max);"hello"?alert("语句一"):alert("语句二");

就和数学中的一样,在js中运算符也由有优先级

                比如 先乘除 后加减

            在js中有一个运算符符号优先级的表

                在表中越考上优先级越高,优先级越高越优先计算、

                优先级一样,从左往右计算

                可以使用()来改变优先级

 13.流程控制语句

                -js中的程序是从上到下一行一行的执行

                -通过流程控制语句可以控制程序执行流程

                    使程序可以根据一定的条件来选择执行

                -语句的分类

                    1.条件判断语句

                    2.条件分支语句

                    3.循环语句

            a.条件判断语句

                使用条件判断语句可以在某个语句之前经行判断

                    如果条件成立才会执行语句,条件不成立不执行

            -if语句

                语法一

                if(条件表达式){

                    语句

                }

                if语句在执行时,会先对条件表达式进行求值判断

                如果条件表达式的值为true 则执行if后的语句

                如果条件表达式的值为flase 则不会执行

                //if只能控制紧随其后的哪个语句

                可以将这些语句统一放到代码块中

                If语句后的代码块不是必须的,但是在开发中尽量写上

                即使if后只有1条

var a = 25;if(a > 10) {   alert("a 比10大~~~~~~~");alert("谁也管不了我");}if(a > 10 && a <= 20 ){   alert("a大于10,并且a小于等于20");}

语法二

                if(条件表达式){

                    语句...

                }else{

                    语句...

                }

            语法三

                if(条件表达式){

                    语句...

                }else if(条件表达式){

                    语句...

                }else if(条件表达式){

                    语句...

                }

                if ...else if... else

                    当该语句执行时,会从上而下依次对条件表达式进行求职判断

                    如果值为true 则执行语句

                    如果值为flase 则继续向下

                只有一个代码块被执行,一但代码块执行了。则直接接收语句

ar age = 60;if (age > 100){alert("活着挺没意思的");}else if(age > 80){alert("你也老大不小了");}else if (age >60){alert("你也退休了");}else if (age >30){alert("你也中年了");}else{alert("你也陈年了");}*///可以抬出一个提示框会带有一个文本框/**/var score = prompt("请输入小明的期末成绩");alert(score);

b.条件分支语句

条件分支语句也叫switch语句

                语法

                        switch(条件表达式){

                            case 表达式:

                                语句...

                                break;

                            case 表达式:

                                语句...

                                break;

                            case 表达式:

                                语句...

                                break;

                            default:

                                语句...

                                break;

                执行语句

                    在执行时会一次将case后的的值和switch后的条件表达式进行全等比较

                        如果比较结果为true 则从当前case处开始执行代码

                            当前case后的所有的代码都会执行

                            我们可以在case的后边跟着

                            这样可以确保只会执行当前case后的语句 而不会执行其他的case

                        如果比较结果为flase 则继续向下比较

                        如果所有的比较结果都为flase 则只执行default后的语句

                switch 语句和if 语句的功能实际上由重复的 使用switch可以实现if的功能

                    同样使用if 也可以实现switch的功能 所以我们使用时,可以更具自己的习惯选择

//根据num的值,输出对应的中文// var num = "hello";// if (num == 1){//     console.log("壹");// }/*num = 1;switch(num){case 1 :console.log("yi~");//使用break 可以来退出switch语句break;case 2 ;console.log("er");break;case 3 ;console.log("san");break;default:console.log("非法数字~~~");break; }
*/          
var score = 60;switch(parseInt(score/10)){case 10;case 9;case 8;case 7;case 6;console.log("合格");break;default:console.log("不合格");break;}switch(true){case score >=60;console.log("合格");break;default:console.log("不合格");break;}

14.循环语句

                通过循环语句可以反复执行一段代码

           a. while循环 -语法

                    while(条件表达式){

                        语句...

                    }

            -while语句在执行时

                先对条件表达式进行求值判断

                    如果值为true 则执行循环体

                        循环体执行完毕以后 继续对表达式进行判断

                        如果为true 则继续执行循环体 以此类推

                    如果值为false 则终止循环

                    先判断在执行

           b. do...while循环 -语法

                do{

                    语句...

                }while(条件表达式)

            -执行流程

                do...while语句在执行时,会先执行循环体

                    循环体治心完毕以后,在对while后的条件表达式进行判断

                    如果结果为true 则继续执行循环体 执行完毕继续判断

                    如果为flase

                    先执行后判断

            实际上 这两个语句功能类似,不同的是while是先判断后执行

         

var n = 1;//像这样的条件表达式写死为true的循环,叫做死循环//该循环不会停止 除非浏览器关闭//可以使用break 来终止循环/*while (true) {alert(n++);//判断n是否是10if (n == 10) {//退出循环break;}}*/
//创建一个循环 往往需要三个步骤//1.创初始化一个变量var i = 11;//2.在循环中设置一个条件表达式/*while (i < 11) {alert(i);//3.定义一个更新表达式 每次更新初始化变量document.write(i++ +"
");}*//*do...while可以保证循环体至少执行一次而while不能*/do {document.write(i++ +"
");} while (i <= 10);

循环例题:

/*但如投资的年利率为5%,试求从1000快镇长到5000快,要多少年1000 1000 *1.051000 1000 *1.05*///定义一个变量,表示当前的钱数//    var money = 1000;//    //定义一个计数器//    var count = 0;//    //定义一个while循环来计算每年的钱数//    while (money < 5000) {//         money *= 1.05;//         //使count自增//         count++ ;//    }//     //console.log(money);//     console.log("一共需要"+count+"年");将prompt放入一个循环中while (true) {//score就是小明的期末成绩var score = prompt("请输入小明的期末成绩(0-100)");//判断用户输入的值是否合法if (score >= 0 && score <=100) {//满足该条件则证明用户的输入合法break;}alert("请输入有效的分数!!!");}

c.for循环语句

for语句 也是一个循环,也称为for 循环

                在for循环中,为我们提供了准们的位置

                1.初始化表达式

                2.条件表达式

                3.更新表达式

            for循环的语法

                for(1初始化表达式;2条件表达式;4跟新表达式 ){

                    3o语句...

                }

            for循环的执行流程

                1.执行初始化表达式,初始化变量

                2.执行条件表达式,判断是否执行循环

                    如果为true,则执行循环3

                    如果为false,终止循环

                4.执行更新表达式,更新表达式执行完毕继续重复

 //创建一个执行10次的while循环//初始化表达式//    var i = 0;//    //创建一个循环,定义条件表达式//    while (i < 10 ) {//         //设置更新表达式//         alert(i++);//    }// for (var i = 0 ; i < 10 ; i++ ){//     alert(i++); //     //    //创建一个循环,定义条件表达式//     //    while (i < 10 ) {//     //         //设置更新表达式//     //         alert(i++);//     //    }// }

*for循环中的三个部分都可以省略,也可以写在外部

    //  如果在for循环中不写任何的表达式 只写两个

    //  此时循环是一个死循环会一直执行下去,慎用

for循环例题:

/*打印1-100之间所有的奇数之和*///打印1-100之间所有的数/*var  sum = 0;for (var i=1 ; i<=100 ; i++ ) {//判断i是否是奇数//不能被2整除的数就是奇数if (i % 2 = 0) {//如果i除以2有余数则证明i是奇数//console.log(i);sum = sum + 1 ;}}console.log("偶数之和:"+sum);*//*//定义一个变量,来保存总和var sum = 0;//定义一个计数器,来记录数量var count = 0; for (var i = 1 ; i<=100 ; i++) {//判断i是否是7的倍数if ( i % 7 = 0) {//console.log(i);sum += i;//使计数器自增一count ++ ;}}//输出总和console.log("总和为"+sum);//输出总数console.log("总数量为:"+count);*/// for (var i = 100; i  < 100; i ++) {//     //console.log(i);//     //获取i的百位十位个位的数字//     //获取百位数字//     var bai = parseInt(i /100) ;//     //获取十位数字//     var shi = parseInt((i-bai)*100);//     //获取个位数字//     var ge = i % 10 ;//     //判断是否是水仙花数//     if (bai*bai *bai +shi*shi*shi+ge*ge*ge == i) {//         console.log(i);//     }// }

例题二:

 

break关键字可以用来退出switch或循环语句

                不能在if语句中使用if语句中使用break和continue

                break关键字会立立即终止离他最近的那个循环语句

/*for (var i = 0; i < 5; i++) {console.log("@外层循环"+i);for (var j = 0 ;i < 5 ; j++){break;console.log("内层循环" + j);}}*/ 

 可以为循环语句创建一个label,来标识当前的循环

            albel:循环语句

            使用break语句时,可以在break后跟一个label

                这样break将会结束指定的循环,而不是最近的

/*outer:for (var i = 0; i < 5; i++) {console.log("@外层循环"+i);for (var j = 0 ;i < 5 ; j++){break outer;console.log("内层循环" + j);}*/

 continue关键字可以用来跳过当次循环

                同样continue也是默认只会对离他最近循环起作用

 for (var i = 0 ; i < 5 ; i++) {console.log(i);if (i == 2) {continue;}console.log(i);}

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
苁蓉的食用方法 鲜苁蓉的吃法有... 肉苁蓉号称“温而不热,补而不峻,暖而不燥,滑而不泄,故有从容之名。”历来也是传统药食同源的滋补佳品。...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
阳澄湖在哪里哪个省的 阳澄湖是... 点击题目下方苏州生活指南有用 有趣 有态度近期的阳澄湖度很高,3月24日,央视二套《第一时间》直播连...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...