JS ES6 変数分割代入の詳細な説明

a = 1 とします。
b = 2 とします。 
c = 3 とします。

[a, b, c] = [1, 2, 3]とします。
console.log(a, b, c); // 1, 2, 3

// オブジェクト配列の分解 let [a, b, c] = [{name: 'jacky'}, {name: 'monkey'}, {name: 'houge'}];
console.log(a, b, c); // {name: 'jacky'}, {name: 'monkey'}, {name: 'houge'}

[a, [b, c], d] = [1, [2, 3], 4]とします。
コンソール.log(a, b, c, d); // 1 2 3 4

 // 2番目と3番目を除くすべての値を抽出します。let [a, , , d] = [1, 2, 3, 4];
コンソールログ(a, d); //1 4
    
[a, ...b] = [1, 2, 3, 4]とします。
console.log(a, b); // 1 [2, 3, 4]
        
[a, , , ...d] = [1, 2, 3, 4, 5]とします。
console.log(a, d); // 1 [4, 5]
分解が失敗した場合、変数の値は未定義になります。

[a, b, c] = [2, 3]とします。
console.log(a, b, c); // 2 3 未定義

[c] = [] とします。
console.log(c); // 未定義

[a, b, c] = [2, 3]とします。
console.log(a, b, c); // 2 3 未定義

[c] = [] とします。
console.log(c); // 未定義

[x, y] = [1, 2, 3]とします。 
コンソール.log(x, y); // 1 2

[a, [b], d] = [1, [2, 3], 4]とします。
コンソール.log(a, b, d); // 1 2 4

[a, b=2] = [1]とします。
コンソールログ(a, b); // 1 2

[a=1, b=2, c, d=13] = [10, 11, 12]とします。
コンソール.log(a, b, c, d); // 10 11 12 13

// オブジェクト分解割り当ての内部メカニズムは、最初に同じ名前の属性を見つけて、それを対応する変数に割り当てることです。実際に割り当てられるのは前者ではなく後者です。
obj = { a: "aaa"、b: "bbb" } とします。
{a: x, b: y } = obj とします。 
console.log(x, y); // aaa bbb

{a, b} = {a: 'aaa', b: 'bbb'} とします。
console.log(a, b); // aaa bbb

// 順序が違います let { b, a } = { a: 'test1', b: 'test2' }
console.log(a, b) // テスト1 テスト2


// ネストされた分割代入 let { obj: { name }} = { obj: { name: 'jacky', age: '22' } }
console.log(名前) // ジャッキー

// 少し複雑なネスト let obj = {
    p: [
        'こんにちは'、
        { y: 'ワールド' }
    ]
};

{p: [x, {y}] } = objとします。
console.log(x, y); // こんにちは世界

var { foo: 名前を変更 } = { foo: "aaa"、bar: "bbb" };
console.log(名前変更); // aaa
console.log(foo); // キャッチされない ReferenceError: foo は定義されていません

させる;
obj = { a: "aaa" } とします。
{a} = obj; // キャッチされない構文エラー: 予期しないトークン '='

させる;
obj = { a: "aaa" } とします。
( {a} = オブジェクト);
console.log(a); // aaa

関数add([x, y]){
  x + y を返します。
}

追加([1, 2]); // 3

関数fn(x, y = 7) {
    x + y を返します。
}
コンソール.log(fn(3)); // 10

const [a, b, c, d, e, f] = "こんにちは";
コンソール.log(a); //h
コンソールログ(b); //e
コンソール.log(c); //l
console.log(d); //l
console.log(e); //o
console.log(f); //未定義

toString: s を 0 とします。
console.log(s === Number.prototype.toString); // 真

toString: s を true にします。
console.log(s === Boolean.prototype.toString); // 真

let { prop: x } = undefined; // TypeError
let { prop: y } = null; // 型エラー

a = 1 とします。
b = 2 とします。
温度を調節する

温度 = ;
a = b;
b = 温度;

コンソールログ(a, b); // 2 1

a = 1 とします。
b = 2 とします。
[a, b] = [b,a];

コンソールログ(a, b); // 2 1

// 配列を返す関数 example() {
  [1, 2, 3]を返します。
}
[a, b, c] = example() とします。

// オブジェクトを返す function example() {
  戻る {
    フード: 1,
    バー: 2
  };
}
{ foo, bar } = example() とします。

定数リスト = [];

firstItem を 'hello' にします。
リストの長さが0より大きい場合
    最初の項目 = リスト[0];
}

console.log(firstItem); // こんにちは

定数リスト = [];
const [firstItem = 'hello'] = リスト;

console.log(firstItem); // 'こんにちは'

jsonData = {
  id: 42,
  ステータス: 「OK」、
  データ: [867, 5309]
};

{id、ステータス、データ:数値} = jsonData;

console.log(ID、ステータス、番号);
// 42, "OK", [867, 5309]

定数マップ = 新しい Map();
map.set('first', 'hello');
map.set('second', 'world');

for (let [キー, 値] of map) {
  console.log(キー + " is " + 値);
}
// 最初はhello
// 2番目は世界

// キー名を取得する for (let [key] of map) {
  // ...
}

// キー値を取得する for (let [,value] of map) {
  // ...
}