[책] 자바스크립트 코드 레시피 278 - 67일차

빈 데이터 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;
}
console.log( searchUser(1) ); // 사자
console.log( searchUser(4) ); // 데이터가 존재하지 않으니 에러가 나옵니다.

응용하기

function myf(count) {
    const arrObj = [
        { id: 1, name: 'A', },
        { id: 2, name: 'B', },
        { id: 3, name: 'C', },
    ];
    const result = arrObj.find(
        function(arrObjData) {
            console.log('arrObjData 반복');
            console.log(arrObjData);
            console.log('콜백함수 종료');
            return arrObjData.id === count;
        },
    );
    return result.name;
}
console.log(myf(3));

빈 데이터 나타내는 실습

undefined 경우 null 반환하도록 빈 데이터를 나타낼 수 있습니다.

function myf(count) {
    const arrObj = [
        { id: 1, name: 'A', },
        { id: 2, name: 'B', },
        { id: 3, name: 'C', },
    ];
    const result = arrObj.find(
        function(arrObjData) {
            console.log('arrObjData 반복');
            console.log(arrObjData);
            console.log('콜백함수 종료');
            return arrObjData.id === count;
        },
    );

    // 데이터가 undefined 이면  null
    if (result === undefined) {
        return null;
    }

    return result.name;
}
console.log(myf(3)); // C
console.log(myf(5)); // null

Array, Object undefined 실습

// Array undefined 확인
const test = [1, 2, 3];
console.log(test[0]); // 1
console.log(test[3]); // undefined

// Object undefined 확인
const testObj = {
    id: 'user',
    pw: 1234,
    name: '홍길동',
    data: undefined,
};
console.log(testObj.job); // undefined