[JS] if, else를 표현하는 세 가지 방법: 삼항연산자, 논리 연산자 && ||

자바스크립트에서 조건문을 표현하는 세 가지 방법

---

1) if, else 문을 사용하는 방법

let tempStr = '';

// 1. if, else 사용
if (tempStr === '') console.log('tempStr은 빈 객체입니다.');
else console.log('tempStr은 빈 객체가 아닙니다.');

---

2) 삼항 연산자 사용하는 방법

아래와 같이 사용할 수 있다.

(조건) ? (조건이 true일 경우) : (조건이 false일 경우)

let tempStr = '';

// 2. 삼항연산자 사용
tempStr === '' ? console.log('tempStr은 빈 객체입니다.') : console.log('tempStr은 빈 객체가 아닙니다.');

---

3) 논리 연산자 &&, || 사용하는 방법

- && 연산자: 첫 번째 truthy한 값을 반환하고, 없을 경우 마지막 값을 반환합니다.
- || 연산자: 첫 번째 falsy한 값을 반환하고, 없을 경우 마지막 값을 반환합니다.

let tempStr = '';

// 3. 논리연산자 && 사용
tempStr === '' && console.log('tempStr은 빈 객체입니다.');
tempStr === '' || console.log('tempStr은 빈 객체가 아닙니다.');

// 논리 연산자
console.log('' || '' || '바이올렛' || "익명"); // 바이올렛. 첫번째 truthy한 값 반환
console.log('' || false); // false. truthy한 값 없을 경우 마지막 값 반환
console.log(1 && 2 && null && 3); // null. 첫번째 falsy한 값 반환
console.log(1 && 2); // 2. falsy한 값 없을 경우 마지막 값 반환

---

(아래 글을 참고하여 작성했음을 밝힙니다.)

[ JavaScript ] 자바스크립트 삼항 연산자, && 연산자, || 연산자