JS运算符与逻辑分支
JS运算符与逻辑分支
JS运算符
1.一元运算符 —— 只能操作一个值的运算符
()前面不能直接写++
console.log(++(a--)); //() 不能和++ 一起使用
2.关系运算符
-
字符串和数值进行比较（字符串会自动转为数值）
console.log(1>2);//false console.log('123'>213);//false 自动转为number console.log('123A'>213);//false 自动转为number如果不能转就会出现NaN -
出现NaN 一般都是false
console.log(NaN==NaN);//false
- undefined是null的派生所以对应的值是相等的
console.log(undefined==null);//true
console.log(undefined===null);//false
- 字符串和字符串进行比较 （第一位ASCII码比较 第二位次之A 65 a 97）
console.log('a'>'b');//false
console.log('a'<'b');//true
console.log('bAA'<'azz');//false
- 布尔类型的值和null进行比较(出现NaN是false)
console.log(true>null);//true
console.log(true>undefined);//false
- 会先转换再进行比较
//恒等 这个俩个内容是一个内容
console.log(Number(true)==1); //true
console.log(Number(true)===1); //true
console.log(Boolean(0)===false); //true
- null值及undefined跟0进行比较
console.log(undefined == 0);//NaN false
//null是空对象引用 对应的是一个引用类型 引用类型比较的是地址 null和0进行比较
console.log(null == 0); //false
3.逻辑运算符
&& 短路与 &断路与 || 短路或 |断路或 !
1.&& 所有的同时满足才为真 && 只要前面有一个是假后面的就不会看了 & 看完全部
var a=10,b=20,c=30
console.log(a>b && b<c);//false
console.log(c>b && b<c);//true
2.|| 有一个是true就是true 前面只要出现了true 就不看后面的 | 看完全部
var a=10,b=20,c=30
console.log(c>b || a>b);//true
3.！ 取反
var a=10,b=20,c=30
console.log(!c>b || a>b); //false
console.log(!(c>b || a>b)); //false
4.|| 常用
-
有一个是true 取true
console.log(a>b || 20); //20 var i = 0 || 10 console.log(i); -
如果俩个都是false 取最后一个
var str = undefined || '' console.log(str); -
如果俩个都是true的情况下 取第一个为true的
var str1 = "A" || "B" console.log(str1);//A var str2 = "" || 'false' || 'true' console.log(str2);//false字符串
5.&& 如果出现false 直接取false 如果全是true 取最后一个
var str4 = 10 && 20 //20
var str5 = undefined && '' //undefined
var str6 = !123 //false
console.log(str4);
console.log(str5);
console.log(str6);
6.三目运算 逻辑运算优先级会高于三目运算符
var str3 = (10 > 20 ? '' : '123') || (30 > 20 ? '' : '456')
console.log(str3);//123
4.表达式的概念
由运算符和操作数（变量或常量）组成的式子
- 算术运算符组成的式子叫算术表达式， 如：2+3；
- 关系运算符组成的式子叫关系表达式或者条件表达式， 如：a>5；
- 逻辑运算符组成的式子叫做逻辑表达式， 如：a&&b
运算符的优先级（由上到下执行）
| 运算符 | 描述 |
|---|---|
| . [] () | 对象成员存取、数组下标、函数调用等 |
| ++ -- ~ ! delete new typeof void | 一元运算符 |
| *** / %** | 乘法、除法、去模 |
| + - + | 加法、减法、字符串连接 |
| << >> >>> | 移位 |
| < <= > >= instanceof | 关系比较、检测类实例 |
| == != === !== | 恒等(全等) |
| & | 位与 |
| ^ | 位异或 |
| | | 位或 |
| && | 逻辑与 |
| || | 逻辑或 |
| ?: | 三元条件 |
| = x= | 赋值、运算赋值 |
| , | 多重赋值、数组元素 |
逻辑分支
程序的三大流程控制:
我们的计算机在执行一个程序的时候，最基本的方式是一条语句接一条语句的执行。但不可能所有的问题都能用顺序执行方式就能解决，总会有一些跳转。
采用结构化的程序设计，可以大大提高开发程序的速度、提高程序的可读性、程序运行的速度和效率。
结构化程序是由若干个基本结构组合而成，每一个结构可以包含若干条语句和其它基本结构。共有三种基本结构:
顺序：从上朝下执行的代码就是顺序
分支(选择)：根据不同的情况，执行对应代码
循环：重复做一件事情
IF
条件控制语句
if 如果 —— 第一个条件
else if 如果 —— 第二个条件（无限加）
else 否则 ——不满足上面的情况（只有一个）
if 和 else if 同时满足的情况下 他只会进入第一个满足的条件
if(条件表达式（boolean类型的值 如果当前这个不是一个boolean的值他会自动转成boolean类型）){
需要执行的代码
}else if(条件表达式){
需要执行的代码
}else{ //上面的都不满足的情况下
需要执行的代码
}
var a=10,b=20
//从上到下的顺序进行的 上面只有一个进入的下面的内容就不会执行了
if(a>b){
console.log('我是a的值为'+a)
}else if(a==b){
console.log('我是b的值为'+b)
}else if(a<b){
console.log('a的值小于b的值')
}else{
console.log('上面的都不满足')
}
示例
//参军条件 身高大于170
var height = prompt('请输入你的身高') //string值的
if(!(height*1)){//NaN
console.log('兄弟 绕我一命！！');
}else if(height>230 || height<50){
console.log('恭喜你超出人类标准');
}else if(height>170){//自动转为number类型
console.log('恭喜你满足条件了');
}else{
console.log('当前不满足条件');
}
注：当前只有一句代码的时候可以省略对应的{} ，多行代码是不行的
IF嵌套 —— 保证良好的缩进 保证可读性
// 求y的值
var x = prompt()
var y
//可能不是数值
//提取条件优秀级 先找出问题的条件 再找大的条件 再找小的条件
if(Number(x) || x == 0){
if(x<0){
y = -1
}else if(x==0){
y = 0
}else{
y = 1
}
console.log(y);
}else{
console.log('您的输入有误');
}
注: 嵌套if时， 内层的每一对if-else代码要缩进且对齐；编写代码时，else要与最近的if配对。
switch
switch(表达式) {
case 常量1: 语句; break;
case 常量2: 语句; break;
…
case 常量n: 语句; break;
default:语句; break;
}
表达式的结果等于哪个case的常量，则执行其后的语句，执行完break就跳出switch结构，都不满足则执行default的语句。
break的作用：是跳出switch结构，如果没有break，则继续执行下面分支的的语句（而不进行判断）。注意case穿透，要加break。
switch的应用场景: 表达式为固定值, 不能判断范围。
示例
var grade = prompt()
switch(grade){
case 'A':
console.log('80-100');
break
case 'B':
console.log('70-79');
break
case 'C':
console.log('60-69');
break
case 'D':
console.log('<60');
break
default:
console.log('error');
}
浙公网安备 33010602011771号