JSFiddle - React, Tailwind, and code Playground

by mahny

JavaScript

const data = {
  hoge: 'hoge-value',
  fuga: {
    piyo: 'piyo-value'
  }
};

// fugaの存在が不定だけど、piyoを出したい時
/*
if (data && data.fuga) {
  console.log(data.fuga.piyo);
} else {
  console.log('undefined');
}
*/

// だけどこれでいい模様。目鱗…
console.log(data?.fuga?.piyo); // 'piyo-value'

// 試しに存在しないやつ
console.log(data?.moge?.piyo); // undefined