Widely available すべての主要ブラウザで対応済み。安心して使用可能。
言語コア Widely available

Logical assignments

論理代入演算子は論理演算と代入を組み合わせます。||=（OR代入）、&&=（AND代入）、??=（Nullish代入）の3種類があります。

言語コアES2021

概要

論理代入演算子は論理演算と代入を組み合わせます。||=（OR代入）、&&=（AND代入）、??=（Nullish代入）の3種類があります。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
logical_and_assignment
85
85
79
14
85
14
その他
javascript.operators.logical_or_assignment

論理和代入演算子 (||=) は、左オペランドがfalsyの場合にのみ右オペランドを評価し、左オペランドに代入します。
85
85
79
14
85
14
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
let a = null;
a ??= 'default'; // a is 'default'

let b = '';
b ||= 'fallback'; // b is 'fallback'

let c = 'hello';
c &&= c.toUpperCase(); // c is 'HELLO'

ライブデモ

Orassignment (||=)

variable that falsevalue(emptycharacter, 0 etc). And onlyassignment..

プレビュー全画面表示

Andassignment (&&=)

variable that truevalue. And onlyassignment..

プレビュー全画面表示

Nullcombinebodyassignment (??=)

variable that null is undefined. And onlyassignment..

プレビュー全画面表示

実務での使いどころ

  • Logical assignments の活用

    論理代入演算子。||=, &&=, ??= でデフォルト値の設定や条件付き代入を簡潔に記述。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

参考リンク

Powered by web-features