比较运算符
<body> <script> // 比较结果是boolean类型 console.log(4 > 10); //false console.log(5 >= 4); //true // 两个==号只判断值是否相等 存在隐式转换 console.log(10 == "10"); //true //三个===号 即比较内容也比较数据类型 =》不存在隐式转换 console.log(10 === 10); //true console.log(10 === "10"); //false console.log(10 !== 10); //false // 不要比较字符 因为比较的是ASCII码 console.log("1000" > "999"); //false </script> </body>
逻辑运算符
<body> <script> // 逻辑与&& 一假则假 && 两个条件都满足才为true console.log(5 > 3 && 5 < 10); //true console.log(5 > 3 && 5 > 10); //false // 逻辑或|| 一真则真一个条件满足就为true console.log(3 > 5 || 5 < 10); true; // 优先级:!逻辑非/取反符> 逻辑与 >逻辑或 console.log(!false); </script> </body>
if分支语句:单分支 、双分支、多分支
<script> 单分支语句
if(判断条件){条件满足时执行}
// if (false) { // alert("为false时为假"); // } // if (null) { // alert("为null时为假"); // } // let age; // if (age) { // age("只声明未赋值为undefined 为假"); // } // if(条件判断存在隐式转换 转换成真或者是假(‘’ ,0,false,null,undefined 这些为假其余为真) // 双分支语句 // 案例1:用户输入高考成绩,如果分数大于700,则提示恭喜考入清华 // let score = +prompt("请你输入你的成绩"); // if (score > 700) { // alert("恭喜你来到清华"); // } else { // alert("恭喜你来到北大青鸟"); // } </script> </body>
<body> <script>
if双分支语句
if(判断条件){
条件满足时执行
}else {
不满足条件时执行
}
// 1. 用户输入 // 如果大于18岁带你去浪漫的土耳其 否则回家做作业 // let age = +prompt("请输入你的年龄"); // if (age >= 18) { // alert("带你去浪漫的土耳其"); // } else { // alert("回家做作业"); // } // 确认同桌名字 银行密码 两个条件都满足,恭喜你成为我的同桌,反之你不是 let name = prompt("请输入你的名字"); let passWord = +prompt("请输入你的密码"); if (name === "zs" && passWord === 123456) { alert("恭喜你成为我的同桌"); } else { alert("你不是"); } </script> </body>
<body> <script>
if多分支语句
if双分支语句
if(判断条件1){
满足判断条件1时执行
}else if(判断条件2) {
满足判断条件2时执行
} else if (判断条件3) {
满足判断条件3时执行
}else {
以上条件都不满足时执行
}
// 1. 用户输入 /* - 输入成绩案例 需求:根据输入不同的成绩,反馈不同的评价 注: ①:成绩90以上是 优秀 ②:成绩70~90是 良好 ③:成绩是60~70之间是 及格 ④:成绩60分以下是 不及格 */ let score = +prompt("请输入你的成绩"); // if (score >= 90) { // alert("你真棒"); // } else if (score >= 70 && score < 90) { // alert("你要继续加油哦"); // } else if (score >= 60 && score < 70) { // alert("你在疯狂的试探"); // } else { // alert("你已经在挨打的边缘了"); // } // 可以省略逻辑与&&=》可以从大到小或者从小到大来进行判断 if (score >= 90) { alert("你真棒"); } else if (score >= 70) { alert("你要继续加油哦"); } else if (score >= 60) { alert("你在疯狂的试探"); } else { alert("你已经在挨打的边缘了"); } </script> </body>
三元运算符
<body> <script> // 三元运算符 条件 ? 满足条件的代码 : 不满足条件的代码 // console.log(3 > 5 ? 3 : 5) // if (3 < 5) { // alert('真的') // } else { // alert('假的') // } let result = 3 < 5 ? " 真的" : "假的"; alert(result); console.log(result); //真的(如果条件为真返回 第一个结果 否则返回第二个结果) </script> </body>
switch语句
<body> <script> /* 释义: 1、找到跟小括号里数据**全等**的case值,并执行里面对应的代码 2、若没有全等 === 的则执行default里的代码 3、例:数据若跟值2全等,则执行代码2 <span style="color:green;">注意事项:</span> 1、switch case语句一般用于等值判断,不适合于区间判断 2、switch case一般需要配合break关键字使用 没有break会造成case穿透 */ // 语法结构简单来说就是 找到小括号里面的数据 进行全等匹配 === / break是退出switch语句 如果没有写break 数据则会进行穿透 没法进行条件判断拦截 满足条件的以及break后面都会打印=>一定要写 break不会向上穿透 // switch (数据) { // case 判断条件: // console.log("这是代码啊1"); // break; // case 2: // console.log("这是代码2"); // break; // case 3: // console.log("这是代码3"); // break; // default: // console.log("无法匹配"); // break; // } // 语法结构 // switch (2) { // case 1: // console.log("这是1"); // case 2: // console.log("这是2"); // case 3: // console.log("这是3"); // break; // default: // console.log("无法匹配"); // break; // } let fruit = prompt("你要买什么水果"); switch (fruit) { case "苹果": alert("苹果8元/斤"); break; case "榴莲": alert("榴莲10元/斤"); break; case "香蕉": alert("香蕉3元/斤"); break; default: alert("没有你想要的水果,明天再来买吧"); break; } </script> </body>
<body> <script> /* 拓展 用户输入年份和月份,打印出这个月有多少天(★) - 其中1,3,5,7,8,10,12月有31天 - 4,6,9,11月有30天 - 2月比较特殊,如果是平年就是28天,闰年就是29天(闰年判断条件 : 能被400整除 或者 能被4整除且不能被100整除) */ // if语句写法 // let year = +prompt("请输入年份"); // let mouth = +prompt("请输入月份"); // if ( // mouth === 1 || // mouth === 3 || // mouth === 5 || // mouth === 7 || // mouth === 8 || // mouth === 10 || // mouth === 12 // ) { // alert(`${year}年${mouth}月有31天`); // } else if (mouth === 4 || mouth === 6 || mouth === 9 || mouth === 11) { // alert(`${year}年${mouth}月有30天`); // } else { // if (year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0)) { // alert(`${year}年是闰年${mouth}月只有29天`); // } else { // alert(`${year}年是平年${mouth}月只有28天`); // } // } // switch写法 let year = +prompt("请输入年份"); let mouth = +prompt("请输入月份"); let day = null; switch (mouth) { case 1: case 3: case 5: case 7: case 8: case 12: day = 31; break; case 4: case 6: case 9: case 11: day: 30; break; case 2: if (year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0)) { day = 29; } else { day = 28; } break; default: "请输入正确的年份"; } alert(`${year}年${mouth}月${day}天`); </script> </body>
for循环
<body> <script> /* for循环语法 作用:**重复执行代码 好处:**把声明起始值、循环条件、变化值写到一起,让人一目了然,它是最常使用的循环形式 */ // for (初始化变量; 条件表达式; 操作表达式) { // //循环体 // } // 罚跑7圈 // for (let i = 1; i <= 7; i++) { // document.write(` // 跑起来 // <br> // `); // }
// 1. 初始化变量,初始化操作在整个 for 循环只会执行一次。 // 2. 执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。 // 3. 直至条件表达式为假,结束整个 for 循环。 // 利用for循环输出三句话 月薪过万 // 例: 输出10句月薪过万,并说出for循环的执行过程 for (let i = 1; i <= 10; i++) { document.write(` 月薪过万 <br> `); } </script> </body>
循环嵌套(双重for循环)
<body> <script> /* 嵌套循环是指在一个循环语句中再嵌套一个循环语句的语法结构,如for循环中可以再嵌套一个for循环,也称为双重for循环。 */ // 1. 双重for循环 语法结构 // for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) { // for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) { // // 执行语句; // } // } for (let i = 1; i <= 5; i++) { console.log("这是外层for循环第" + i + "次"); for (let j = 1; j <= 3; j++) { console.log("这是里层for循环的第" + j + "次"); } console.log("这是外层for循环每次最后执行的语句"); } //外层循环语句执行一次 里面for循环执行全部 // 内层循环执行的顺序也要遵循 for 循环的执行顺序 // 4. 代码验证 // 背单词 一天背五个 背三天 共背多少个单词 for (i = 1; i <= 3; i++) { document.write(`这是第${i}天 <br>`); for (j = 1; j <= 5; j++) { document.write(`这是第${i}几天的第${j}几个单词<br>`); } } </script> </body>
<body> <script> // 1. 外层循环控制行数 内层控制列数 for (i = 1; i <= 9; i++) { for (j = 1; j <= i; j++) { document.write(`💗`); } document.write(`<br>`); } </script> </body>
退出循环 continue break
<body> <script> /* 退出循环 continue 退出本次循环,一般用于排除或者跳过某一个选项的时候,可以使用continue break 退出整个for循环,一般用于结果已经得到,后续的循环不需要的时候可以使用 while(true) 来构造“无限”循环,需要使用break退出循环。 for(;;) 也可以来构造“无限”循环,同样需要使用break退出循环。 */ // 吃包子 吃到第5个有虫子 12 45 for (i = 1; i <= 5; i++) { if (i === 3) { continue; //退出本次循环直接跳过 } document.write(`我正在吃${i}包子<br>`); } for (i = 1; i <= 5; i++) { if (i === 3) { break; // break后面的就不再执行了/退出整个for循环 } document.write(`我正在吃${i}包子<br>`); } </script> </body>
原文地址:http://www.cnblogs.com/JAG2671169285/p/16869730.html
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请务用于商业用途!
3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员!
8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载
声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性