JS基础 if和switch区别
2023-09-27 14:22:48 时间
if
let flag = 1 >2 ? true : false
if(flag){
console.log('我是true===');
}else{
console.log('我是false===');
}
if(1>2){
console.log('我是1>2===');
}else if(4>3){
console.log('我是4>3===');
}else{
console.log('我是else===');
}
switch
switch(传值){
case 1 :
条件1执行的代码;
break;//跳出语句 防止穿透
case 2 :
条件2执行的代码;
break;//跳出语句 防止穿透
case 3 :
条件3执行的代码;
break;//跳出语句 防止穿透
default:
上述条件都不成立执行的代码块;
break;
}
// switch (5) {
// case 1: console.log(1); break;
// case 2: console.log(2); break;
// case 3: console.log(3); break;
// default: console.log("都不满足")
// }
// 满分100
//成绩 90》= 优秀
//成绩 80》= 良好
//成绩 70》= 及格
//成绩 60》= 刚好及格
let num = prompt()
console.log('num===', num);
switch (true) {
case num >= 90: console.log('优秀'); break;
case num >= 80: console.log('良好'); break;
case num >= 70: console.log('及格'); break;
case num >= 60: console.log('刚好及格'); break;
default: console.log("都不满足")
}
当case后面跟着的是判断语句的时候 相当于true 或者 false 和switch传入的参数进行判断,所以我们只能在switch中也传入true,完成了这个判断。
区别:
如果是牵扯到表达式以及复杂字符或者正则表达式的 都优先使用if
如果是简单数字以及运算符号可以使用switch也可以用if
在switch的最后一个匹配项末尾可以不加break
相关文章
- JS基础---->js中ajax的使用
- js实现图片加载特效(从左到右,百叶窗,从中间到两边)
- JS 之export、export default和module.exports
- 《Vue.js 2.x实践指南》 已出版
- 7个基础js函数
- Vue3基础(19)___vite.config.js中配置路径别名
- Js获取页面的各种宽高与距离
- JavaWeb基础—JS学习小结
- 《JS原理、方法与实践》- canvas作图基础
- Js基础学习
- js声明数组 js数组如何获取真实对象 js数组处理null值情况 js数组通过下标赋值和push赋值的区别 loopback4的基础使用
- JavaScript 基础(一) - JavaScript的引入方式,JavaScript 变量命名规则,JS 的五种基本数据类型,ECMAScript 算数运算符,逻辑运算符
- js之strict模式
- LoopBack – 开源的,可扩展的 Node.js 框架
- Node.js基础
- Nuxt.js 基础入门教程
- js 处理URL实用技巧
- Js刷新页面的几种方法(转)
- Windows下构建Node.js的Docker Nano Server基础镜像
- js基础
- js---正整数判断,并把小数点后的自动去掉
- 前端总结·基础篇·JS(二)数组深拷贝、去重以及字符串反序和数组
- js字符串替换(时间转换)
- JS通用模块模式 UMD
- 常见的vue.js基础面试题
- js金额数字格式化实现代码(三位加逗号处理保留两位置小数)
- Js基础系列-数组的扁平化
- Node.js + Express + MongoDB 实战 TodoList 基础入门
- js 使用script或template标签:分离js代码template中的HTML元素