【JavaScript】nullやundefinedだったら空文字に変換 | Null-合体演算子「??」の活用

// < null や undefined の value・data である場合は、空文字に変換する SmartなLogic >

const projectInfo = {
    project_name: 'ロボ玉-Project',
    group_name: 'ロボ玉組',
    from: 'グンマー帝国',
    cost: 1200,
    saitama: null,
    robotama_flag: true,
    robo_power: undefined,
};

const PrintData = (projectObj, key) => {
    const val = projectObj[key];
    switch (key) {
        case 'robotama_flag': 
            console.log('robotamaFlag-Call-ロボ玉！');
            break;
        default: 
            // [ 今回のPoint ]
            // 「??」 により、null や undefined なら 「''」(空文字)を返す！
            return `${val ?? ''}`;
        
        // 上記の記述の方が、より短くSmartにかける！ => 三項演算子で記述すると次のように長くなる！
        // return ( v ===  undefined || v === null) ? '' : `${v}`;
    }
};

for (const key in projectInfo) {
    const printVal = PrintData(projectInfo, key);
    console.log(`${key}: ${printVal}`);
}

// < 出力結果 >
    // project_name: ロボ玉-Project
    // group_name: ロボ玉組
    // from: グンマー帝国
    // cost: 1200
    // saitama: 
    // robotamaFlag-Call-ロボ玉！
    // robotama_flag: undefined
    // robo_power: