[JavaScript] 자바스크립트 빈 데이터(Null) 이해하기

075_자바스크립트 빈 데이터(Null) 이해하기

[적용]

• 빈 데이터를 나타내고 싶을 때

---

[문법]

원시 타입	의미	예
Null	데이터가 존재하지 않음	null

---

[내용]

'데이터 없음'을 표시하고 싶을 때 Null을 사용한다.

다음의 샘플을 확인해 보자

function searchUser(targetId) {
    const userList = [
        { id: 1, name: '사자' },
        { id: 2, name: '곰' },
        { id: 3, name: '여우' }
    ];
    
    // 해당 유저 검색
    const targetUser = userList.find((user) => user.id === targetId);
    return targetUser.name;
}

searchUser(1);  // 1을 전달하면 사자를 반환
searchUser(4);  // 4를 전달하면 에러가 발생

searchUser() 함수에 4를 전달하면 에러가 발생한다. id가 4인 정보는 존재하지 않으므로 undefined가 반환되기 때문이다.

앞과 같은 에러를 피하기 위해 데이터가 undefined인 경우 null을 반환하도록 빈 데이터를 나타낼 수 있다.

다음의 샘플을 확인해 보자.

function searchUser(targetId) {
    const userList = [
        { id: 1, name: '사자' },
        { id: 2, name: '곰' },
        { id: 3, name: '여우' }
    ];
    
    // 해당 유저 검색
    const targetUser = userList.find((user) => user.id === targetId);
    
    // 데이터가 undefined인 경우 작업 추가
    if (targetUser === undefined) {
        return null;
    }
    return targetUser.name;
}

console.log(searchData(1));  // 결과: '사자'
console.log(searchData(4));  // 결과: null

 

 

---

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김