Js基础系列

131 阅读3分钟

这是我参与11月更文挑战的第28天,活动详情查看:2021最后一次更文挑战

递增和递减运算符详解

前置递增运算符
++num 前置递增,就是自加1,类似于 num = num + 1
使用口诀:先自加,后返回值

var num = 10;
alert(++num + 10);  // 21     num=11  ++num=11

后置递增运算符
num++ 后置递增,就是自加1,类似于 num = num + 1
使用口诀:先返回表达式原值,后自加

var num = 10;
alert(10 + num++);  // 20      num++=10  num=11

前置自增和后置自增如果单独使用 效果是一样的
混合使用前置自增和后置自增表达式的值不一样
如下:

var a = 10;
++a; // ++a  11    a = 11
var b = ++a + 2; // a = 12   ++a = 12
console.log(b); // 14
var c = 10;
c++; // c++ 11  c = 11
var d = c++ + 2; //  c++  = 11     c = 12
console.log(d); // 13
var e = 10;
var f = e++ + ++e; // 1. e++ =  10  e = 11  2. e = 12  ++e = 12
console.log(f); // 22

        // 后置自增  先表达式返回原值 后面变量再自加1

递减运算符同上

==和===区别以及逻辑运算符

==和===区别:
‘==’只需判定值是否相等,不判定数据类型
‘===’表示全等,值和数据类型都相等才返回true

//程序里的等于符号 是 ==  默认转换数据类型 会把字符串型的数据转换为数字型 只要求值相等就可以
console.log(18 == 18); // true
console.log(18 == '18'); // true
console.log(18 != 18); // false
 // 2. 我们程序里面有全等 一模一样  要求 两侧的值 还有 数据类型完全一致才可以 true
console.log(18 === 18);
console.log(18 === '18'); // false

逻辑运算符:
逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断
逻辑与&&
两边都是 true才返回 true,否则返回 false
逻辑或 ||
两边都是 true才返回 true,否则返回 false
逻辑非 !
逻辑非(!)也叫作取反符,用来取一个布尔值相反的值,如 true 的相反值是 false

1. 逻辑与 &&  and 两侧都为true  结果才是 true  只要有一侧为false  结果就为false 
console.log(3 > 5 && 3 > 2); // false
 console.log(3 < 5 && 3 > 2); // true
 // 2. 逻辑或 || or  两侧都为false  结果才是假 false  
//只要有一侧为true  结果就是true
console.log(3 > 5 || 3 > 2); // true 
 console.log(3 > 5 || 3 < 2); // false
  // 3. 逻辑非  not  ! 
  console.log(!true); // false

短路运算(逻辑中断)
逻辑元素父左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值;

  • 逻辑与
    语法: 表达式1 && 表达式2\
    • 如果第一个表达式的值为真,则返回表达式2
    • 如果第一个表达式的值为假,则返回表达式1
console.log( 123 && 456 );        // 456
console.log( 0 && 456 );          // 0
console.log( 123 && 456&& 789 );  // 789
  • 逻辑或
    语法: 表达式1 || 表达式2
    • 如果第一个表达式的值为真,则返回表达式1
    • 如果第一个表达式的值为假,则返回表达式2
console.log( 123 || 456 );         //  123
console.log( 0 ||  456 );          //  456
console.log( 123 || 456 || 789 );  //  123