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

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

環境

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

エルビス演算子とは

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

z = x ?: y;

javascriptで同じことを実現すると、三項演算子で下記のコードと同じになります。

z = x ? x : y;

実際に使用してみます。

let x;
let y = 2;

let z =  x ? x : y;

console.log(z); // 2

また、javascirptでは「 || 」を使用することで実現することも可能です。

let x;
let y = 2;

let z = x || y;

console.log(z); // 2

「x」に値があれば、「x」が使用されます。

let x = 1;
let y = 2;

let z = x || y;

console.log(z); // 1

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