JavaScript Falsy한 값과 Truthy한 값 소개, 특징, 예시 코드

javaScript Falsy한 값과 Truthy한 값 소개, 특징, 예시 코드

 

 

JavaScript에서는 조건문, 논리 연산, 그리고 다양한 상황에서 값을 평가할 때 Falsy와 Truthy 값을 고려해야 합니다. Falsy와 Truthy는 조건을 판단하고 코드의 로직을 제어하는 중요한 개념입니다. 이 글에서는 Falsy와 Truthy 값의 의미와 예시 코드를 통해 이해하겠습니다.

 

1. Falsy 값

 

거짓같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

Falsy 값은 조건이 거짓(False)으로 간주되는 값입니다. JavaScript에서 다음과 같은 값은 Falsy로 간주됩니다.

 

1.1. 0

숫자 0은 Falsy 값입니다.

 

if (0) {
    console.log("이 코드는 실행되지 않습니다.");
}

 

1.2. 빈 문자열 ("")

빈 문자열은 Falsy 값입니다.

 

if ("") {
    console.log("이 코드는 실행되지 않습니다.");
}

 

1.3. NaN (Not-a-Number)

NaN은 Falsy 값으로 간주됩니다.

 

if (NaN) {
    console.log("이 코드는 실행되지 않습니다.");
}

 

1.4. null

null은 Falsy 값입니다.

 

if (null) {
    console.log("이 코드는 실행되지 않습니다.");
}

 

거짓같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

1.5. undefined

undefined는 Falsy 값입니다.

 

if (undefined) {
    console.log("이 코드는 실행되지 않습니다.");
}

 

1.6. false

false는 Falsy 값입니다.

 

if (false) {
    console.log("이 코드는 실행되지 않습니다.");
}

 

2. Truthy 값

 

참 같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

Truthy 값은 조건이 참(True)으로 간주되는 값입니다. JavaScript에서 다음과 같은 값은 Truthy로 간주됩니다.

 

2.1. 숫자 (0을 제외한)

0을 제외한 모든 숫자는 Truthy 값입니다.

 

if (5) {
    console.log("이 코드는 실행됩니다.");
}

 

2.2. 문자열

비어 있지 않은 문자열은 Truthy 값입니다.

 

if ("Hello") {
    console.log("이 코드는 실행됩니다.");
}

 

2.3. 객체 (Object)

객체는 Truthy 값입니다.

 

if ({ key: "value" }) {
    console.log("이 코드는 실행됩니다.");
}

 

참 같은 값 - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

 

2.4. 배열 (Array)

비어 있지 않은 배열은 Truthy 값입니다.

 

if ([1, 2, 3]) {
    console.log("이 코드는 실행됩니다.");
}

 

2.5. 함수 (Function)

함수는 Truthy 값입니다.

 

function someFunction() {
    return true;
}

if (someFunction()) {
    console.log("이 코드는 실행됩니다.");
}

 

3. 사용 예시

 

조건문, 논리 연산, 함수 반환값을 평가할 때 Falsy와 Truthy 값을 사용하여 다양한 로직을 구현할 수 있습니다. 이를 통해 코드의 유연성을 높일 수 있습니다.

 

function greet(name) {
    if (name) {
        console.log(`안녕, ${name}!`);
    } else {
        console.log("이름을 입력해주세요.");
    }
}

greet("Alice"); // "안녕, Alice!" 출력
greet("");       // "이름을 입력해주세요." 출력

 

끝으로

 

 

JavaScript에서 Falsy와 Truthy 값은 조건 판단 및 코드 제어에서 중요한 역할을 합니다. 이 값들을 이해하면 조건문과 논리 연산을 효과적으로 활용하여 코드를 작성할 수 있고, 다양한 상황에 대응할 수 있을 것입니다.

 

▼ 아래 글도 읽어보세요! ▼

 

JavaScript 화살표 함수 소개, 특징, 활용, 예시 코드, 일반 함수와 차이점

 

javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이

 

인생사진 쏙쏙 코딩네컷 | 스파르타코딩클럽 무료특강