The previous words
Logical operators perform boolean operations on operands and are often used in conjunction with relational operators. Logical operators combine multiple relational expressions into a more complex expression. Logical operators are divided into three types: logical non-'!', logical and '&&', logical or '||'. This article will introduce these three logical operators.
Logical non-logical
The logical non-operator is represented by an exclamation mark (!) and can be applied to any value in ECMAScript. Regardless of the data type this value is, this operator returns a Boolean value. The logical non-operator first converts its operand into a boolean value and then inverses it.
The conversion type of logical non-pair operands to Boolean types is the same as the Boolean() transformation function, except that the result is inverted in the end. If two logical non-operators are used at the same time, the behavior of the Boolean() transformation function will actually be simulated.
console.log(!!undefined);//falseconsole.log(!!null);//falseconsole.log(!!0);//falseconsole.log(!!-0);//falseconsole.log(!!NaN);//falseconsole.log(!!'');//falseconsole.log(!!false);//false
console.log(!!{});//trueconsole.log(!![]);//trueconsole.log(!!new Boolean(false));//trueconsole.log(!!false);//falseconsole.log(!!new Boolean(null));//trueconsole.log(!!null);//falseLogical non-operators are often used to control loops
//Boolean variable (bFound) is used to record whether the search is successful. When the data item in the question is found, bFound will be set to true, !bFound will equal false, meaning that the run will jump out of the while loop var bFound = false;var i = 0;while (!bFound) { if (aValue[i] == vSearchValues) { bFound = true; } else { i++; }}Logic and
The logic and operator is represented by two sums (&&). There are two operands. The result will return true only if both operands are true, otherwise false will be returned.
//Logistic and (&&) truth table, first operand, second operand result true true true true false false false false false false
Logic and operations can be applied to any type of operand, not just booleans. If one of the operands is not a Boolean, then logic and operations do not necessarily return a Boolean value
Logic and operations are short-circuit operations. If the first operand can determine the result, then the second operand will no longer be evaluated.
For logic, if the first operand is false, no matter what value the second operand is, the result is false, then the first operand is returned; if the first operand is true, then the true and false of the result are the same as the true and false of the second operand, then the second operand is returned.
//Except for the seven false values of false, undefined, null, +0, -0, NaN, and '', the rest are all true values console.log('t' && ''); //Because 't' is the true value, it returns ''console.log('t' && 'f'); //Because 't' is the true value, it returns 'f'console.log('t' && ''); //Because 't' is the true value, it returns ''console.log('' && ''); //Because '' is the false value, it returns ''console.log('' && ''); //Because '' is the false value, it returns ''' console.log('' && ''); //Because '' is the false value, it returns ''''var i = 1;var result = (true && i++);console.log(result,i);//Because true is the true value, execute i++, i is 2, result is 1var i = 1;var result = (false && i++);console.log(result,i);//Because false is the false value, i is 1, result is false
Logic and operators can be used in multiple ways, returning the value of the first Boolean expression with false
console.log(true && 'foo' && '' && 4 && 'foo' && true);// ''
The priority of relational operators is higher than that of logic and (&&) and logic or (||), so similar expressions can be written directly without adding parentheses.
if(a+1==2 && b+2==3){ //Todo }Logic and operators can be used instead of if structure
if (a == b) { doSomething();}// is equivalent to (a == b) && doSomething();Logic and operators are often used in callback functions
//If the value is not passed to parameter a, a is the default undefined and is a false value, so a() is not executed to prevent errors. If the value is passed to parameter a, the function a() function fn(a){ if(a){ a(); }}//Equivalent to function fn(a){ a && a();}Logical or
The logical or operator is represented by two vertical lines (||). There are two operands. Only when both operands are false will the result return false, otherwise true will be returned.
//Logistic or (||) truth table, first operand, second operand result true true true true false true true false false false false false
Likewise, logic or operations can be applied to any type of operand, not just booleans. If one of the operands is not a Boolean, the logic or operation does not necessarily return a Boolean value
Logic or operation is also a short-circuit operation. If the first operand can determine the result, then the second operand will no longer be evaluated.
For logic or, if the first operand is true, the result is true regardless of the value of the second operand, and the first operand is returned; if the first operand is false, the true and false of the result are the same as the true and false of the second operand, the second operand is returned.
console.log('t' || '');//Because 't' is the true value, it returns "t"console.log('t' || 'f');//Because 't' is the true value, it returns "t"console.log('' || 'f');//Because '' is the false value, it returns "f"console.log('' || '');//Because '' is the false value, it returns ""var i = 1;var result = (true || i++);console.log(result,i);//Because true is the true value, i++ is not executed, result is true, i is 1var i = 1;var result = (false || i++);console.log(result,i);//Because false is the false value, i is 2, result is 1
Similarly, logic or operators can be used in multiple concatenation to return the value of the first Boolean expression.
console.log(false || 0 || '' || 4 || 'foo' || true);// 4
Logical or operators are often used to set default values for variables
//If no object is passed to parameter p, the parameter is set to an empty object by default function fn(p){ p = p || {};}The above is the full analysis of the javascript operator - logical operators brought to you by the editor. I hope everyone will support Wulin.com~