JavaScript - Logical Operators 논리 연산자

💡 Logical Operators(논리 연산자)란?

논리 연산자는 보통 Boolean(논리적) 값과 함께 쓰이며 불리언 값을 반환한다.
&&과 || 연산자는 피연산자 중 하나의 값을 반환한다.
불리언외의 다른 값과 함께 사용하면 불리언 값이 아닌 것을 반환할 수 있다.

값이 없거나 0, -0, null, false, NaN, undefined, 빈 문자열 ("")이라면 객체의 초기값은 false가 됩니다.
문자열 "false"를 포함한 그 외 모든 다른 값은 초기값을 true로 설정합니다.
Boolean 객체의 true와 false 값을 원시 Boolean 값 true, false와 혼동해선 안됩니다.
참조 - Mozilla

1. OR(논리합) ||

• 왼쪽부터 true 값을 찾는다.
• true 값을 찾으면, 연산을 즉시 중지하고 연산된 해당 피연산자의 값을 반환한다.

	const a = true;

	1 || 2     // 1
	a || 3    // true
	false || 4 // 4
	0 || 5     // 5

• 만약 끝까지 true를 찾지 못하면, 마지막 false인 피연산자의 값을 반환한다.

	0 || undefined || null // null

2. AND(논리곱) &&

• 왼쪽부터 false 값을 찾는다.
• false 값을 찾으면, 연산을 즉시 중지하고 연산된 해당 피연산자의 값을 반환한다.

	const b = false;

	1 && 2     // 2
	b && 3    // false
	true && 4 // 4
	0 && 5     // 0

• 만약 끝까지 false를 찾지 못하면, 마지막 true인 피연산자의 값을 반환한다.

	2 && "20" && "hi" // hi

3. NOT(부정) !

• 피연산자를 Boolean으로 변환한 후 값을 역반환한다.
• 모든 논리 연산자 중에서 우선순위가 가장 높기 때문에 &&나 || 보다 항상 먼저 실행된다.

	alert( !true ); // false
	alert( !0 ); // true

• NOT을 두 개 연달아 사용 !! 하면 값을 Boolean으로 변환할 수 있다.

	alert( !!"string" ); // true
	alert( !!null ); // false

👋 마치며

스터디 활동을 위해 기록하고 있습니다.
다르거나 추가해야할 내용이 있다면 언제든지 코멘트 남겨주세요 :)

✉ dmsp1234@gmail.com

📍 참고

• https://mynameisdabin.tistory.com/10
• https://velog.io/@coin46
• https://ko.javascript.info/logical-operators