JavaScript - Logical Operators 논리 연산자

🦜 eunhye_k·2022년 2월 22일
1
post-thumbnail

💡 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

📍 참고



profile
UI/UX 디자인을 공부하는 퍼블리셔 입니다 (●'◡'●)

0개의 댓글