feat(opreator): Logical assignment operatorsの追加

Author: azu

source/basic/operator/README.md

@@ -696,76 +696,6 @@ console.log((-9) >>> 2); // => 1073741821
 
 <!-- textlint-enable eslint -->
 
-## 代入演算子（`=`） {#assignment-operator}
-
-代入演算子（`=`）は変数に対して値を代入します。
-代入演算子については「[変数と宣言](../variables/README.md)」の章も参照してください。
-
-{{book.console}}
-```js
-let x = 1;
-x = 42;
-console.log(x); // => 42
-```
-
-また、代入演算子は二項演算子と組み合わせて利用できます。
-`+=`、`-=`、`*=`、`/=`、`%=`、`<<=`、`>>=`、`>>>=`、`&=`、`^=`、`|=`のように、演算した結果を代入できます。
-
-```js
-let num = 1;
-num += 10; // num = num + 10; と同じ
-console.log(num); // => 11
-```
-
-### [ES2015] 分割代入（Destructuring assignment） {#destructuring-assignment}
-
-今まで見てきた代入演算子は1つの変数に値を代入するものでした。
-分割代入を使うことで、配列やオブジェクトの値を複数の変数へ同時に代入できます。
-分割代入は短縮記法のひとつでES2015から導入された構文です。
-
-分割代入は、代入演算子（`=`）を使うのは同じですが、左辺のオペランドが配列リテラルやオブジェクトリテラルとなります。
-
-次のコードでは、右辺の配列の値を、左辺の配列リテラルの対応するインデックスに書かれた変数名へ代入します。
-
-{{book.console}}
-```js
-const array = [1, 2];
-// aには`array`の0番目の値、bには1番目の値が代入される
-const [a, b] = array;
-console.log(a); // => 1
-console.log(b); // => 2
-```
-
-これは、次のように書いたのと同じ結果になります。
-
-```js
-const array = [1, 2];
-const a = array[0];
-const b = array[1];
-```
-
-同様にオブジェクトも分割代入に対応しています。
-オブジェクトの場合は、右辺のオブジェクトのプロパティ値を、左辺に対応するプロパティ名へ代入します。
-
-{{book.console}}
-```js
-const obj = {
-    "key": "value"
-};
-// プロパティ名`key`の値を、変数`key`として定義する
-const { key } = obj;
-console.log(key); // => "value"
-```
-
-これは、次のように書いたのと同じ結果になります。
-
-```js
-const obj = {
-    "key": "value"
-};
-const key = obj.key;
-```
-
 ## 論理演算子 {#logical-operator}
 
 論理演算子は基本的に真偽値を扱う演算子でAND（かつ）、OR（または）、NOT（否定）を表現できます。
@@ -1061,6 +991,91 @@ console.log(addPrefix("文字列")); // => "デフォルト:文字列"
 console.log(addPrefix("文字列", "カスタム:")); // => "カスタム:文字列"
 ```
 
+## 代入演算子（`=`） {#assignment-operator}
+
+代入演算子（`=`）は変数に対して値を代入します。
+代入演算子については「[変数と宣言](../variables/README.md)」の章も参照してください。
+
+{{book.console}}
+```js
+let x = 1;
+x = 42;
+console.log(x); // => 42
+```
+
+また、代入演算子は二項演算子と組み合わせて利用できます。
+`+=`、`-=`、`*=`、`/=`、`%=`、`<<=`、`>>=`、`>>>=`、`&=`、`^=`、`|=`のように、演算した結果を代入できます。
+
+{{book.console}}
+```js
+let num = 1;
+num += 10; // num = num + 10; と同じ
+console.log(num); // => 11
+```
+
+また、ES2021から代入演算子と論理演算子の組み合わせもできるようになっています。
+`&&=`、`||=`、`??=`のように、論理演算子の評価に基づいて代入できます。
+
+{{book.console}}
+<!-- doctest:meta:{ "ECMAScript": 2021 } -->
+```js
+// `a`がtrueのときに、`a`へ`b`を代入する
+a &&= b;
+// `a`がfalseのときに、`a`へ`b`を代入する
+a ||= b;
+// `a`がnullishのときに`a`へ`b`を代入する
+a ??= b;
+```
+
+### [ES2015] 分割代入（Destructuring assignment） {#destructuring-assignment}
+
+今まで見てきた代入演算子は1つの変数に値を代入するものでした。
+分割代入を使うことで、配列やオブジェクトの値を複数の変数へ同時に代入できます。
+分割代入は短縮記法のひとつでES2015から導入された構文です。
+
+分割代入は、代入演算子（`=`）を使うのは同じですが、左辺のオペランドが配列リテラルやオブジェクトリテラルとなります。
+
+次のコードでは、右辺の配列の値を、左辺の配列リテラルの対応するインデックスに書かれた変数名へ代入します。
+
+{{book.console}}
+```js
+const array = [1, 2];
+// aには`array`の0番目の値、bには1番目の値が代入される
+const [a, b] = array;
+console.log(a); // => 1
+console.log(b); // => 2
+```
+
+これは、次のように書いたのと同じ結果になります。
+
+```js
+const array = [1, 2];
+const a = array[0];
+const b = array[1];
+```
+
+同様にオブジェクトも分割代入に対応しています。
+オブジェクトの場合は、右辺のオブジェクトのプロパティ値を、左辺に対応するプロパティ名へ代入します。
+
+{{book.console}}
+```js
+const obj = {
+    "key": "value"
+};
+// プロパティ名`key`の値を、変数`key`として定義する
+const { key } = obj;
+console.log(key); // => "value"
+```
+
+これは、次のように書いたのと同じ結果になります。
+
+```js
+const obj = {
+    "key": "value"
+};
+const key = obj.key;
+```
+
 ## グループ化演算子（`(`と`)`） {#group-operator}
 
 グループ化演算子は複数の二項演算子が組み合わさった場合に、演算子の優先順位を明示できる演算子です。