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

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

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

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

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

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

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

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

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 = 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

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