es6 の代入の構造化とは何を意味しますか?

es6 では、代入の構造化とは、配列またはオブジェクトに対してパターン マッチングを実行し、その中の変数に値を代入することを意味します。代入の構造化は代入演算子の拡張でもあり、構文は「let」です。ターゲットの構造化 = ソースの構造化;"。

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 代入の構造化の意味

概要

代入の構造化は代入演算子の拡張です。

これは、配列またはオブジェクトのパターン マッチングであり、その中の変数に値を割り当てます。

コードの記述は簡潔で読みやすく、セマンティクスがより明確になっており、複雑なオブジェクトのデータ フィールドの取得も容易になります。

分解モデル

分解には、次の 2 つの部分が関係します:

• 分解のソース、分解の割り当ての右側の部分を表現します。

• 構造化の目的は、代入式の左側の部分を分解することです。

配列モデル(Array)の分解

基本

let [a, b, c] = [1, 2, 3];
// a = 1
// b = 2
// c = 3

ネスト可能

let [a, [[b], c]] = [1, [[2], 3]];
// a = 1
// b = 2
// c = 3

できる無視

let [a, , b] = [1, 2, 3];
// a = 1
// b = 3

不完全な構造化

let [a = 1, b] = []; // a = 1, b = undefined

残りの演算子

let [a, ...b] = [1, 2, 3];
//a = 1
//b = [2, 3]

例は次のとおりです:

• 割り当ての左側と右側の配列構造は一貫している必要があります。これは「パターン マッチング」と呼ばれます

• 左側と右側の変数の数が値の数と一致しない場合は、不足している部分を直接スキップします (左側の変数をスキップすると、右側の対応する位置がスキップされることに注意してください)もスキップする必要があります)

• 左側の変数の前に 3 つのドットがある場合は、右側以降の対応する位置にあるすべての値が結合されることを意味します配列を作成し、左側の変数に割り当てます。左側は次でなければなりません。最後の変数の前に 3 つのドットのみを付けることができます。そうでない場合は、エラーが報告されます。

JavaScript ビデオ チュートリアル 、Web フロントエンド ]

以上がes6 の代入の構造化とは何を意味しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。