前端学习日记js2：运算符-条件-循环结构

不念不忘少年蓝@ 2023-06-11 09:26 12阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            //内嵌式一般写于head的title标签下面
    
            //弱数据类型语言：（javascript等）
            // 1.变量可以存放任意数据类型的数据（var 变量名）
            // 2.运算时会进行隐式转换
    
            //强数据类型语言：（java，c等）
            // 1.定义不同数据类型的数据必须用特定的关键词
    
            //编程代码组成：
            // 1.表达式：有运算结果的式子
            // 2.语句：结尾带分号，语句可包含表达式
    
            //1.算术运算符：+，-，*，/，%（取余/取模）
            //1.1+：数值相加，字符相连
            // var num = prompt("请输入一个数字", 60);//参数一般为string，数值不符合该函数规范
            // var num1 = prompt("请输入一个数字", "10");
            // var num2=Number(prompt("请输入一个数字","60"));
            //+相当于调用Number()
            // var num3=+prompt("请输入一个数字","60");
            // console.log(num);
            // console.log(num1);
            // console.log(num2);
            // console.log(num3);
    
    
            //2.比较运算符：
            // 2.1会隐式转换（只判断内容/数值）：>,<,>=,<=,==,!=；
            // 2.2不会隐式转换（判断1.数据类型和2.内容/数值）：===,!==
            // console.log(1=="a");//false
            // console.log(1=="1");//true
    
            // console.log(1==="a");//false
            // console.log(1==="1");//false
    
    
            //3.赋值运算符：=，+=,-=,*=,/=,%=
            // var num=1,ber=3;
            // num+=1;//num=num+1;
            // ber-=2;//ber=ber-2;
            // console.log(num);//num=1+1=2
            // console.log(ber);//ber=3-2=1
    
    
            //4.一元运算符（自增/自减运算符）:++，--
            // 4.1符号在后：先赋值后运算
            // var num=1,ber=num++;
            // console.log(ber);//ber=num=1;num++=num+1=1+1=2;
    
            // 4.2符号在前：先运算后赋值
            // var num=1,ber=--num;
            // console.log(ber);//--num=num-1=1-1=0;ber=num=0
            // var num = 10, result = num++ + ++num;//result=10 + 12（11+1）=22
            // console.log(num, result);//12 22
    
    
            //5.逻辑运算符：&&与，||或，！非（结果为true/false）
            // 且：一假则假。
            // 如果数据1为假，数据1就是最终结果。     
            // 如果数据1为真，数据2就是最终结果
    
            //或
            // 数据1 || 数据2 1>0 || 2<1 true || false true
            // 或：一真则真。
            // 如果数据1为真，数据1就是计算结果。     
            // 如果数据1为假，数据2才是计算结果
    
            // 非 - 取反
            // !逻辑非的运算，最终的结果一定是布尔类型
            // !!false == true
            // 运算过程：
            // 1.如果数据类型是布尔类型，直接取反
            // 2.如果数据类型不是布尔类型，先把数据隐式转换成布尔类型，再取反。 
            // 非的运算结果，肯定是布尔类型。
            // 逻辑运算符也可以用来进行数值运算
            // var num=2,ber=0;
            // console.log(num && ber);//0
            // console.log(ber && num);//0
            // console.log(!num && ber);//false
    
            //逻辑运算符
            // console.log(num || ber);//2
            // console.log(num || !ber);//2
    
            // console.log(true && false);//false
            // console.log(true || false);//true
    
            // console.log(1>0 || 0>1);//true
            // console.log(!1);//false
            // console.log(2*4>9 && 3/1<0);//false
    
            // var year=2019;
            // var a=(year % 4===0) && ( year % 400!==0)||(year % 100!==0);
            // console.log((year % 4===0));//f
            // console.log(( year % 400!==0));//t
            // console.log((year % 4===0) && ( year % 400!==0));//f
            // console.log((year % 100!==0));//t
            // console.log((year % 4===0) && ( year % 400!==0)||(year % 100===0));//t
            // console.log(a);//t
    
            // 1. ()  括号优先级最高 
            // 2. 一元运算符 ++，--，! 
            // 3. 算数运算符 先*/%后+‐ 
            // 4. 关系运算符 > >= < <=
            // 5. 相等运算符 ==，!=，===，!== 
            // 6. 逻辑运算符 先 && 后|| 
            // 7. 赋值运算符 = 
    
            //分支结构解决问题：分情况处理，比较判断。
            //if结构:
            // 1.if(){}
            // 2.if(){}else{}
            // 3.if(){}else if(){}...else{}
            // var str="1";
            // // if(str===1 || str==="1"){
            // if(str==1){
            //     console.log("ok");
            // }else{
            //     console.log("?");
            // }
    
            //练习：
            //1.if-else结构判断年龄是否大于18
            // var str=prompt("请输入年龄");
            // if(+str>18){
            //     alert("可以谈恋爱");
            // }else{
            //     alert("好好学习，多敲代码");
            // }
    
            //2.if-else结构判断两个数字的最大值
            // var num1=prompt("请输入第一个数字");
            // var num2=prompt("请输入第二个数字");
            // if(num1>num2){
            //     alert("最大值："+num1);
            // }else{
            //     alert("最大值："+num2);
            // }
    
            //3.if-else结构判断奇偶数
            // var num=prompt("请输入一个数字");
            // if(num % 2 == 0){
            //     alert("这是一个偶数");
            // }else{
            //     alert("这是一个奇数");
            // }
    
            //4.if-else结构求三个数字的最大值
            //1.
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // if(num1 >= num2 && num1 >= num3){
            //     alert("最大值："+num1);
            // }else if(num2 >= num1 && num2 >= num3){
            //     alert("最大值："+num2);
            // }else if(num3 >= num2 && num3 >= num1){
            //     alert("最大值："+num3);
            // }else{
            //     alert("请输入数字！");
            // }
    
    
            //2.
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // if (num1 >= num2) {
            //     if (num1 >= num3) {
            //         alert("最大值：" + num1);
            //     } else {
            //         alert("最大值：" + num3);
            //     }
            // } else if (num2 >= num3) {
            //     alert("最大值：" + num2);
            // } else{
            //     alert("最大值：" + num3);
            // }
    
            //3.
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // var max=0;
            // if(num1 >= num2 ){
            //     max=num1;
            // }else{
            //     max=num1;
            // }
            // if(max >= num3 ){
            //    alert("最大值：" + max);
            // }else{
            //     alert("最大值：" + num3);
            // }
    
            //4.
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // if (num1 >= num2) {
            //     if (num1 >= num3) {
            //         alert("最大值：" + num1);
            //     } else {
            //         alert("最大值：" + num3);
            //     }
            // } else {
            //     if (num2 >= num3) {
            //         alert("最大值：" + num2);
            //     } else {
            //         alert("最大值：" + num3);
            //     }
            // }
    
            //5.
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // if(num1 >= num2 ){
            //     num2=num1;
            // }else{
            //     num1=num2;
            // }
            // if(num1 >= num3 ){
            //    alert("最大值：" + num1);
            // }else{
            //     alert("最大值：" + num3);
            // }
    
    
            //if-else结构：
            // var num = +prompt("请输入一个数字");
            // if (num >= 0 && num < 60) {
            //     alert("不及格");
            // } else if (num >= 90 && num <= 100) {
            //     alert("优秀");
            // } else if (num >= 80 && num < 90) {
            //     alert("良好");
            // } else if (num >= 60 && num < 80) {
            //     alert("及格");
            // } else {
            //     alert("格式不正确，请输入0-100之间的数字");
            // }
            // var num1 = +prompt("请输入第一个数字");
            // var num2 = +prompt("请输入第二个数字");
            // var num3 = +prompt("请输入第三个数字");
            // var max=0;
            // if(num1 >= num2 ){
            //     max=num1;
            // }else{
            //     max=num1;
            // }
            // if(max >= num3 ){
            //    alert("最大值：" + max);
            // }else{
            //     alert("最大值：" + num3);
            // }
    
            //switch-case结构：
            //1.swtich(true){
            //  case 表达式1：
            //  。。。
            //  break；//跳出判断
            //  case 表达式2：
            //  。。。
            //  break；
            //  。。。
            //  default ://default是指除了所有的case外的情况下
            //  。。。
            //  break;
            // }
    
            //2.swtich(变量/表达式){
            //  case 变量值1/表达式1：
            //  。。。
            //  break；
            //  case 变量值2/表达式2：
            //  。。。
            //  break；
            //  。。。
            //  default :
            //  。。。
            //  break;
            // }
            // var num = +prompt("请输入一个数字");
            // switch (true) {
            //     case num >= 90 && num <= 100 :
            //         alert("优秀");
            //         break;
            //     case num >= 80 && num < 90 :
            //         alert("良好");
            //         break;
            //     case num >= 60 && num < 80 :
            //         alert("及格");
            //         break;
            //     case num >= 0 && num < 60 :
            //         alert("不及格");
            //         break;
            //     default :
            //         alert("格式不正确，请输入0-100之间的数字");
            //         break;
            // }
            // var num = +prompt("请输入一个数字");
            // switch (true) {
            //     case num >= 90 && num <= 100 :
            //         alert("优秀");
            //         break;
            //     case num >= 80 && num < 90 :
            //         alert("良好");
            //         break;
            //     case num >= 60 && num < 80 :
            //         alert("及格");
            //         break;
            //     case num >= 0 && num < 60 :
            //         alert("不及格");
            //         break;
            //     default :
            //         alert("格式不正确，请输入0-100之间的数字");
            //         break;
            // }
    
            //3.三元表达式
            //a ? b : c
            //a为true执行b
            //a为false执行c
    
            //判断三数最大值
            // var num1,num2,num3;
            // console.log((num1>num2 ? num1 : num2) > num3 ? (num1>num2 ? num1 : num2) : num3);
    
    
            //循环-三要素：
            //1.起点
            //2.终点
            //3.计数器
            //①循环初值/起点：循环从什么时候开始
            //②循环控制条件表达式：满足什么条件要循环
            //③循环体：每次循环要做什么
    
            //1.while(条件){循环体}//先判断条件再执行循环体
            // var x = 2;
            // while (x < 2) {
            //     console.log(x);
            //     x++;
            // }
    
            //1.do{循环体}while(条件)//先执行一次循环体再判断条件
            // var x = 1;
            // do {
            //     console.log(x);
            //     x++;
            // } while (x < 1)
    
            //练习
            //1.输出10次我想玩游戏了
            // var x = 1;
            // while (x<=10){
            //     console.log("我想玩游戏了");
            //     x++;
            // }
    
            //2.计算1-100所有整数的和
            // var x = 1,sum1=0;
            // while (x<=100){
            //     sum1+=x;
            //     x++;
            // }
            // console.log(sum1);
    
            //3.求6的阶乘
            // var x = 1,sum2=1;
            // while (x<=6){
            //     sum2*=x;
            //     x++;
            // }
            // console.log(sum2);
    
            //4.求1-100之间的偶数和
            // var x = 0,sum3=0;
            // while (x<=100){
            //     sum3+=x;
            //     x+=2;
            // }
            // console.log(sum3);
    
            //5.求1-100之间的奇数和
            //1.
            // var x = 1,sum4=0;
            // while (x<=100){
            //     sum4+=x;
            //     x+=2;
            // }
            // console.log(sum4);
            //2.
            // console.log(sum1-sum3);
    
            //6.求1-100间能被7整除的数
            // var x = 7;
            // while (x<=100){
            //     console.log(x);
            //     x+=7;
            // }
    
    
            //for循环
            // for(初值/起点;条件;计时器){循环体}
            // 顺序：for(1;2/5/8/。。;4/7/10/。。){3/6/9/。。}
            // for(var i=1;i<=10;i++){
            //     console.log(i);
            // }
            //1.五角星方阵：五排★，每排五个★
            //★★★★★
            //★★★★★
            //★★★★★
            //★★★★★
            //★★★★★
            // for (var i = 1; i <= 5; i++) {
            //     for (var j = 1; j <= 5; j++) {
            //         document.write("★");
            //     }
            //     document.write("<br/>");
            // }
            //
            // document.write("<br/>");
    
            //2.正三角形
            //★
            //★★
            //★★★
            //★★★★
            //★★★★★
            // for (var i = 1; i <= 5; i++) {
            //     for (var j = 1; j <= i; j++) {
            //         document.write("★");
            //     }
            //     document.write("<br/>");
            // }
            //
            // document.write("<br/>");
    
            //3.倒三角形
            //★★★★★
            //★★★★
            //★★★
            //★★
            //★
            // for (var i = 5; i >= 1; i--) {
            //     for (var j = 1; j <= i; j++) {
            //         document.write("★");
            //     }
            //     document.write("<br/>");
            // }
            //
            // document.write("<br/>");
    
            //4.等腰三角形
            //    ★
            //   ★★
            //  ★★★
            // ★★★★
            //★★★★★
            // for (var i = 1; i <= 5; i++) {
            //     for (var b = 4; b >= i; b--) {
            //         document.write("  ");
            //     }
            //     for (var j = 1; j <= i; j++) {
            //         document.write("★ ");
            //     }
            //     document.write("<br/>");
            // }
            //
            // document.write("<br/>");
    
    
            //break作用是：中断循环，循环结束。
            // 1 ‐ 6层的电梯，123楼都有人按，后面没人按，电梯停止即可 
            // for (var i = 1; i <= 6; i++) {
            //     console.log(i);
            //     if (i === 3) {
            //         // 电梯如果到达三楼，不需要继续运行
            //         break;
            //     }
            // }
    
            //continue：继续循环;continue 后面的所有代码不执行了，直接进入下一次循环。
            // for (var i = 1; i <= 6; i++) {
            //     if (i === 3) {
            //         // 继续循环，continue 后面的代码不会执行，直接进入下一次循环             
            //         continue;
            //     }
            //     console.log(i);
            // }
            //1.计算1-100间除外能被4整除的数之后，余下的数的总和
            var sum = 0;
            for (var i = 1; i <= 100; i++) {
                if (i % 4 === 0) {
                    continue;
                }
                sum += i;
            }
            console.log(sum);
    
            //2.输出1-50间5的倍数
            for (var i = 1; i <= 50; i++) {
                if (i % 5 !== 0) {
                    continue;
                }
                console.log(i);
            }
    
            //3.判断用户输入的是否为"q"或"Q",如果是,推出弹框，否则一直弹框
            // var key = prompt("输入q，不然你会很蓝瘦！");
            // while (true) {
            //     if (key === "q" || key === "Q") {
            //         break;
            //     }else{
            //         key = prompt("都叫你输入q的啦，就是不听话！");
            //     }
            // }
            while (true) {
                var key = prompt("输入q，不然你会很蓝瘦！");
                if (key === "q" || key === "Q") {
                    break;
                }
            }
    
    
            //无限循环/死循环：
            //1.for的无限循环:
            // for(;;){}
            for(;;){
                var key = prompt("输入q，不然你会很蓝瘦！");
                if (key === "q" || key === "Q") {
                    break;
                }
            }
    
            //2.while的无限循环:
            // //while (true) {}
            while (true) {
                var key = prompt("输入q，不然你会很蓝瘦！");
                if (key === "q" || key === "Q") {
                    break;
                }
            }
        </script>
    
    </head>
    
    <body>
    
    </body>
    </html>