JavaScriptの「??」と「||」の違い

Question

以下の違いは何かあるのでしょうか？

用途とか表現とか読みやすさとかにおいて、片方を選ぶ理由はありますか？

var obj = {id:1};
var name = obj.name ?? 'nanashi'; // ?? を使う
console.log(name);

var obj = {id:1};
var name = obj.name || 'nanashi'; // || を使う
console.log(name);

Answer 1

【Null 合体 (??) - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

OR 演算子 (||) と違い、null と undefined 以外の falsy な値のときには左の値を返します。つまり、左辺が '' や 0 の場合は左の値を評価して返します。その他の例については以下を参照してください。

Comments

[aguri]

ありがとうございます。理解できました。

Answer 2

• Null 合体 (??)

OR 演算子 (||) と違い、null と undefined 以外の falsy な値のときには左の値を返します。つまり、左辺が '' や 0 の場合は左の値を評価して返します。

var obj = {id:1,name:""};
console.log(obj.name || 'nanashi');
console.log(obj.name ?? 'nanashi');
obj = {id:1,name:0};
console.log(obj.name || 'nanashi');
console.log(obj.name ?? 'nanashi');

Comments

[aguri]

ありがとうございます。理解できました。ソースコードで試せてわかりやすかったです。