学习日记【JavaScript】-2020/12/12
教程地址：https://www.bilibili.com/video/BV1ux411d75J
目前进度：77p/190p
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> //1.整数运算 console.log(1+1);//2 console.log(1-1);//0 console.log(2*3);//6 console.log(4/2);//2 console.log(3%5);//3 console.log(5%3);//2 //2.浮点数 算数运算里会有问题(误差) console.log(0.1+0.2); console.log(0.07*100); //3.我们不能直接拿着浮点数来进行比较 是否相等 var num = 0.1 + 0.2; console.log(num == 0.3);//false //4.自增运算符 var num1 = 10; num1++;//num = num + 1 console.log(num1); ++num1; console.log(num1); //前置递增和后置递增如果单独使用 效果相同 //后置递增 口诀：先返回原值 后自增加一 var age = 10; console.log(age++ + 10);//先计算age+10 后age自增一 console.log(age); var e = 10; var f = e++ + ++e;//e++ = 10 e=11 ++e=12 f=10 + 12=22 console.log(f); //5.比较运算符 console.log(1<2)//true console.log(1>=2);//false console.log(3 == 5);//false console.log('123' == '456');//false console.log(18 == 18);//true console.log(18 != 18);//false console.log(18 === 18);//true console.log(18 === '18');//false //6.逻辑运算符 //逻辑与 & and 两侧都为真 结果才为真 //逻辑短路（中断）很重要 会影响程序运行的结果 //逻辑与短路运算 如果表达式1 的结果为真 则返回表达式2 如果表达式1 的结果为假 则返回表达式1 console.log(3>5 && 3>2);//false console.log(3<5 && 3>2);//true console.log(123 && 456);//456 console.log(0 && 456);//0 console.log(0 && 1+2 && 456* 56789);//0 //逻辑或 || or 两侧都为假 结果才为假 //逻辑或短路运算 如果表达式1 的结果为真 则返回表达式1 如果表达式1 的结果为假 则返回表达式2 console.log(3>5 || 3>2);//true console.log(3>5 || 3<2);//false console.log(123 || 456);//123 console.log(123 || 456 || 789+123);//123 console.log(0 || 456);//456 //逻辑非 ! not console.log(!true);//false //7.赋值运算符 var num2 = 10; num2 += 2;//相当于num2=num2+2 num2 -= 5;//num2=num2-5 num2 *= 10;//num2=num2*10 </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //1.if 的语法结构： if如果 else否则 //2.执行思路 如果 if 里面的表达式结果为真 则执行大括号里面的语句 //如果结果为假 则执行 if 语句后面的代码 if( 3 > 5 ){ alert('Just do it!'); } var age = prompt('输入你的年龄'); age = parseInt(age); console.log(typeof age); if( age >= 18 ){ alert('欢迎来到本网咖！'); } else { alert('未成年人不得入内！'); } var name = prompt('请输入你的姓名') if( name == '刘德华' ){ alert('恭喜中奖！'); } else { alert('很遗憾，没有中奖'); } //注意点：多分支语句还是多选1 最后只能有一个语句执行 //else if 里面的条件理论上是可以任意多个的 //最后的 else 语句后不跟条件表达式 var point = prompt('请输入你的成绩'); if(point > 100 || point < 0){ alert('请输入有效的成绩！'); } else if (point <=100 && point >=90){ alert('A级！'); } else if (point <90 && point >= 80){ alert('B级！'); } else if (point <80 && point >=70){ alert('C级！'); } else if (point <70 && point >=60){ alert('D级！'); } else { alert('E级！'); } //2.三元表达式语法结构： 条件表达式 ？ 表达式1 ：表达式2 //如果条件表达式结果为真 则返回表达式1的值 如果条件表达式结果为假 则返回表达式2的值 var num = 10; var result = num > 5 ? 'yes' : 'no'; console.log(result); var time = prompt('请输入一个0-59之间的数字'); if(time > 59 || time < 0){ alert('请输入有效的数字！'); } var res = time < 10 ? '0' + time : time; alert(res); //3.switch 语句也是多分支语句 也可以实现多选1 //语法结构： switch 转换、开关 case 选项 //利用我们表达式的值 和 case 后面的选项值相匹配 如果匹配上 就执行该case里的语句 如果都没有匹配上 那么执行default里面的语句 //switch 注意事项 var num1 = 3; switch (num){ case 1: console.log(1); break; case 3: console.log(3); break; } //开发过程中 表达式经常写成变量 //num 的值和 case 里面的值匹配时是做全等运算 必须是值和数据类型一致才可以 //如果当前 case 里面没有 break 则不会退出 switch 继续执行下一个 case //查询水果案例 var fruit = prompt('请输入水果的名称'); switch (fruit){ case '苹果': alert('3.5元/斤'); break; case '香蕉': alert('5元/斤'); break; case '雪梨': alert('6元/斤'); default: alert('该水果暂时缺货！'); break; } </script> </head> <body> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> for(var i=1;i<=100;i++){ console.log('Hello'); } console.log('-----------------------'); var num = prompt('请输入次数'); for(var o=1;o<=num;o++){ console.log('Hello'); } console.log('-----------------------'); for(var n=1;n<=100;n++){ if(n==1){ console.log('这人今年'+n+'岁了,他刚出生'); } else if (n==100){ console.log('这人今年'+n+'岁了,他死了'); } else { console.log('这人今年'+n+'岁了'); } } console.log('-----------------------'); var sum = 0; for(var m=1;m<=100;m++){ sum += m; } console.log(sum); </script> </head> <body> </body> </html>
浙公网安备 33010602011771号