javascript 短絡演算( || )を使用して条件式を簡略化する

javascript 短絡演算( || )を使用して条件式を簡略化する

javascriptで、短絡演算( || )を使用して条件式を簡略化するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.66

短絡演算( || )使い方

短絡演算( || )を使用すると、以下ような条件式を簡略化することが可能です。

let x = '';
let y = 'world';

if(x === ''){
  console.log(y);
}else{
  console.log(x);
}

実際に使用して、1行に簡略化したコードが以下となります。

let x = '';
let y = 'world';

let hoge = x || y; // xがなければyを表示
console.log(hoge); // world

例えば「x」に値があると、以下のような結果となります。

let x = 'hello';
let y = 'world';

let hoge = x || y;
console.log(hoge); // hello

未定義の場合も、変数「y」が表示されます。

let x;
let y = 'world';

let hoge = x || y;
console.log(hoge); // world

「null」の場合も、同様です。

let x = null;
let y = 'world';

let hoge = x || y;
console.log(hoge); // world

複数個あっても、同様に利用できます。

let x, y, z;

console.log(x || y || z); // undefined

y = 1;
console.log(x || y || z); // 1

x = 'mebee';
console.log(x || y || z); // mebee