javascript エルビス演算子と同じ処理を実行する

javascript エルビス演算子と同じ処理を実行する

javascriptで、エルビス演算子( ?: )と同じ処理を実行するサンプルコードを記述してます。

環境

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

エルビス演算子とは

以下のように「?:」を使用した演算子で、下記のコードでいうと「x」に値がなければ「y」を使用するといった条件になります。

z = x ?: y;

三項演算子でいうと、下記のコードと同じになります。

z = x ? x : y;

これをjavascirptでは「 || 」を使用することが実現することが可能です。

let x;
let y = 1;

let z = x || y;

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

let z = x || y;

console.log(z); // 1

三項演算子だと以下と同じです。

let z = x ? x || y;

ちなみに、エルビス演算子は俳優の「エルビス・プレスリー」の顔文字に、「?:」が似ているからだそうです。

5:-)エルビス・プレスリーの顔文字
?:エルビス演算子