js基础三-逻辑运算符(!/&&/||)

以下六个值取反后为true,其他值都为false。
  • undefined
  • null
  • false
  • 0
  • NaN
  • 空字符串(’ ')
!undefined // true
!null // true
!0 // true
!NaN // true
!"" // true

!54 // false
!'hello' // false
![] // false
!{} // false

&& 与

  • && 对符号两侧的值进行与运算并返回结果 [找错(fasle)的]
  • 运算规则:
    - 两个值中只要有一个值为false 就返回 false
    - 只有两个值都为 true 时,才会返回true
    - js中的“与”属于短路的与,如果第一个值为false ,则不会看第二个值
 例 :
    // 两个值都为 true 则返回 true
    var result = true && true;   // true
	// 只要有一个false,就返回false
	result = true && false;   // false
	result = false && true ;  // false
	result = false && false;  // false

|| 或

  • || 可以对符号两侧的值进行 或 运算
  • 运算规则:
    - 两个值中只要有一个 true,就返回true。
    - 如果两个值都为false,才返回fasle。
    - js中的“或”属于短路的或,如果第一个值为false ,则看第二个值

或运算符常用于为一个变量设置默认值。

例:
	// 两个都是false,则返回 false
	var result = false || false;  // false
	
	// 只要有一个true, 返回 true
	result = true || false;  // true
	result = false || true;  // true
	result = true || true;  // true

! 非

  • 可以用来对一个值进行非运算
    -非运算就是值对一个布尔值进行取反操作,true变成false,false变成true。
  • 如果对一个值进行两次取反,它不会变化
  • 如果对非布尔值进行运算,则会将其转换为布尔值,然后再取反
  • 可以为一个任意数据类型取两次反,来将其转换为布尔值,原理和Boolean()函数一样。
例:
	var a = "hello";
	a = !!a;  //true

&& 和 || 非布尔值的情况

  • 会 先将其转换为布尔值,然后再运算,并 返回原值。
  • 与运算:
    - 如果第一个值为 true,则必然返回第二个值
    - 如果第一个值为false, 则直接返回第一个值
  • 或运算:
    - 如果第一个值为 true,则直接返回第一个值
    - 如果第一个值为false,则返回第二个值
例:
与 运算:
	// true && true
	// 与运算: 如果两个值都为 true,则返回后边的
	var a = 2 && 1;		// 1
	
	// 与运算:如果两个值中有false,则会返回靠前的false
	// false && true
	result = 0 && 2;	// 0
	// false && false
	result = 0 && NaN; 	// 0
	result = NaN && 0; 	// NaN

或 运算:
	// true || true
	// 如果第一个值为true,则直接返回第一个值
	result = 2 || 1;  // 2
	result = 2 || NaN; // 2
	// 如果第一个值为false,则返回第二个
	result = NaN || 1;  // 1

你可能感兴趣的:(js)