[JS] ✏️ Logical AND(&&) & OR( | | )

🟩 논리적 AND(&&)

논리적 AND (&&)은 피연산자를 왼쪽에서 오른쪽으로 평가하면서 첫 거짓 같은 피연산자를 만나면 즉시 그 값을 반환합니다. 만약 모든 값이 참 같은 값이라면 마지막 피연산자의 값이 반환됩니다.
만약 어떤 값이 true로 변환 가능하다면 그 값은 소위 참 같은 값(truthy)이라 합니다. 만약 어떤 값이 false로 변환 가능하다면 그 값은 소위 거짓 같은 값(falsy) 이라고 합니다.

 

result = '' && 'foo';  // result 에 ""(빈 문자열)이 할당됩니다
result = 2 && 0;       // result 에 0 이 할당됩니다
result = 'foo' && 4;   // result 에 4 가 할당됩니다.

 

a1 = true && true // t && t returns true
a2 = true && false // t && f returns false
a3 = false && true // f && t returns false
a4 = false && (3 === 4) // f && f returns false
a5 = 'Cat' && 'Dog' // t && t returns "Dog"
a6 = false && 'Cat' // f && t returns false
a7 = 'Cat' && false // t && f returns false
a8 = '' && false // f && f returns ""
a9 = false && '' // f && f returns false

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Logical_AND

논리적 AND (&&) - JavaScript | MDN

---

🟩 논리적 OR(||)

 

If x can be converted to true, returns x; else, returns y.

If a value can be converted to true, the value is so-called truthy. If a value can be converted to false, the value is so-called falsy.

 

 

true || true; // t || t returns true
false || true; // f || t returns true
true || false; // t || f returns true
false || 3 === 4; // f || f returns false
"Cat" || "Dog"; // t || t returns "Cat"
false || "Cat"; // f || t returns "Cat"
"Cat" || false; // t || f returns "Cat"
"" || false; // f || f returns false
false || ""; // f || f returns ""
false || varObject; // f || object returns varObject

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_OR

Logical OR (||) - JavaScript | MDN

---

✏️ or and를 같이 쓸 때 우선순위는?

 

"&&" >> "||"   

 

“&&”   - > 이놈이 더 우선순위 높음

 

 

true || false && false; // returns true, because && is executed first
(true || false) && false; // returns false, because grouping has the highest precedence