자바스크립트 삼항 조건 연산자(ternary conditional operator), 논리연산자(logical operator), 단축평가(short-circuit evaluation)

모든  내용과 소스들은 다음과 같은 강의 플랫폼에서 응용하여  작성하였습니다.
출처: https://inf.run/xNcEg

[무료] [코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스 - 인프런 | 강의

자바스크립트에서 삼항 조건 연산자, 논리 연산자, 단축평가에 대하여 알아보겠습니다.  

먼저 삼항 조건 연산자란? 프로그래밍 언어에서 자주 사용되는 조건문의 간단한 표현 방법입니다. 이 연산자는 조건식을 평가한 결과에 따라 두 개의 다른 값을 반환하는 특징이 있습니다.

자바스크립에서 사용한 소스 코드 입니다.

/**
 * 삼항 조건 연산자 (ternary operator) : 물음표를 기준으로 조건을 넣게 되고 조건에 왼쪽은 true일때 오른쪽은 false 일때 조건을 말한다
 */
console.log(100 > 0 ? '100이 0보다 크다': '100이 0보다 작다');

출력결과

다음은 논리 연산자 입니다.  논리 연산자란?  프로그래밍에서 여러 개의 조건을 결합하거나 논리적인 상태를 조사하는 데 사용되는 연산자입니다. 주로 불리언(Boolean)타입인 true 또는 false를 다룰 때 사용됩니다.  가장 사용되는 연산자는  AND(&&) 연산자와 OR(||) 연산자가 있습니다.  

먼저 AND 연산자는 양쪽 피연산자가 모두 true 인 경우에만 전체 표현식이 true가 됩니다.

예를 든 소스 코드 입니다.

// && 조건은 모두 true여야 true를 반환한다.
console.log(true && true);
console.log(true && false);
console.log(false && true);
console.log(false && false);

출력결과

자세한 소스 코드입니다 .

console.log(100 > 10 && 20 > 5);
console.log(100 < 10 && 20 > 5);
console.log(100 < 10 && 20 < 5);

출력결과

OR 연산자는 두 피연산자 중 하나라도 true인 경우 전체 표현식이 true가 됩니다.

예를 든 소스 코드 입니다.

// ||는 하나만 true여도 true를 반환한다.
console.log(true || true);
console.log(true || false);
console.log(false || true);
console.log(false || false)

출력결과

console.log(100 > 10 || 20 > 5);
console.log(100 < 10 || 20 > 5);
console.log(100 < 10 || 20 < 5);

 

출력결과

마지막으로 단축평가에 대하여 알아보겠습니다. 단축평가란? 논리 연산에서 논리식을 평가하는 도중에 이미 전체 결과를 알 수 있는 경우, 나머지 평가를 생략하는 기법입니다. 논리 AND(&&) 연산자와 논리 OR(||)연산자에서 주로 발생합니다.

* &&를 사용했을때 좌측이 true면 우측 값 반환
 * &&를 사용했을때 좌측이 false면 좌측 값 반환
 * ||를 사용했을때 좌측이 true면 좌측 값 반환
 * ||를 사용했을때 좌측이 false면 우측 값 반환

이렇게 외우시면 편하실것 같습니다. 

 

예를 든 소스코드 입니다

console.log(true || '엔믹스');
console.log(false || '엔믹스');
console.log(false && '엔믹스');
console.log(true && '엔믹스');

console.log(true && true && '엔믹스');
console.log(true && false && '엔믹스');

출력결과

이 밖에도 지수 연산자, Null 연산자 등등 이 있습니다.