Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】Logical OR assignment (||=)演算子の使い方

Logical OR assignment (||=)演算子の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Logical OR assignment (||=)関数は、左辺のオペランドがfalsy(偽と評価される値)である場合にのみ、右辺のオペランドの値を左辺に代入する処理を実行する関数です。

具体的には、「x ||= y」という記述は、「xがfalsyであればxyを代入する」という意味であり、「x = x || y」と全く同じ動作をします。JavaScriptにおいてfalsyと評価される値には、nullundefinedfalse、数値の0、空文字列""などがあります。この演算子は短絡評価を行い、左辺がtruthy(真と評価される値)であれば右辺は評価されず、代入も行われません。

この演算子の主な利点は、コードをより簡潔に記述できる点にあります。変数が未定義や空の場合にデフォルト値を設定する際などに非常に便利で、条件分岐のコード量を削減し、可読性を向上させます。

システムエンジニアを目指す初心者の方々にとって、この||=演算子は変数の初期化やオプションのデフォルト値設定で頻繁に利用されます。その正確な挙動を理解することは、今後の学習や開発において大変役立つでしょう。

公式リファレンス: Logical OR assignment (||=)

構文(syntax)

1let userSettings = null;
2userSettings ||= "defaultTheme";
3console.log(userSettings);

引数(parameters)

引数なし

引数はありません

戻り値(return)

左オペランドの最終的な値

Logical OR assignment (||=) 演算子は、左辺のオペランドに右辺のオペランドを論理和演算した結果を代入します。この演算子自体は、代入後の左辺のオペランドの最終的な値を返します。

関連コンテンツ

関連プログラミング言語