JavaScript 構造化代入の詳細な説明

[a, b] = [50, 100];
コンソールにログ出力します。
// 期待される出力: 50
コンソールログ(b);
// 期待される出力: 100
[a, b, ...残り] = [10, 20, 30, 40, 50];
コンソールにログを出力します。
// 期待される出力: [30, 40, 50]

[a, b, c] = [1, 2, 3]とします。
// a = 1
// b = 2
// c = 3

// 変数を宣言する let a, b;
// 次に、それぞれ値 [a, b] = [1, 2] を割り当てます。
コンソールログ(a); // 1
コンソールログ(b); // 2

a、bとする。
// デフォルト値を設定 [a = 5, b = 7] = [1];
コンソールログ(a); // 1
コンソールログ(b); // 7

//交換ab
c = a;
a = b;
ｂ＝ｃ；

a = 1 とします。
b = 3 とします。
//aとbの値を交換する [a, b] = [b, a];
コンソールログ(a); // 3
コンソールログ(b); // 1

関数c() {
  [10, 20]を返す。
}
a、bとする。
[a, b] = c();
コンソールログ(a); // 10
コンソールログ(b); // 20

関数c() {
  [1, 2, 3]を返します。
}
[a, , b] = c() とします。
コンソールログ(a); // 1
コンソールログ(b); // 3

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

[a, ...b,] = [1, 2, 3]とします。
// 構文エラー: 残りの要素に末尾のカンマがない可能性があります

定数color = ['#FF00FF', [255, 0, 255], 'rgb(255, 0, 255)'];
// ネストされた分割代入を使用して赤、緑、青を割り当てます
// ネストされた分割代入を使用して赤、緑、青を割り当てます
const [hex, [赤、緑、青]] = 色;
console.log(16進数、赤、緑、青); // #FF00FF 255 0 255

[a, b, c, d, e] = 'hello' とします。
/*
a = 'h'
b = 'e'
c = 'l'
d = 'l'
e = 'お'
*/

x = { y: 22, z: true } とします。
let { y, z } = x; // 省略形 let {y:y,z:z} = x; console.log(y); // 22
console.log(z); // 真

o = { p: 22, q: true } とします。
{p: foo, q: bar } = o とします。
コンソールログ(foo); // 22
console.log(bar); // 真

{a = 10, b = 5} = {a: 3}とします。
コンソールログ(a); // 3
コンソールログ(b); // 5

{a: aa = 10、b: bb = 5} = {a: 3}とします。
コンソールログ(aa); // 3
コンソールログ(bb); // 5

定数プロパティ = [
  { id: 1、名前: 'Fizz' },
  { id: 2、名前: 'バズ' },
  { id: 3、名前: 'FizzBu​​zz' },
];
const [, , { name }] = props;
console.log(name); // "FizzBu​​zz"

obj = {p: [{y: 'world'}] } とします。
let {p: [{ y }, x ] } = obj; //xを分解しない
// x = 未定義
// y = '世界'

{a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40}とします。
// a = 10
// b = 20
// 残り = {c: 30, d: 40}

obj = {p: ['hello', {y: 'world'}] };
{p: [x, {y}] } = objとします。
// x = 'こんにちは'
// y = '世界'
obj = {p: ['hello', {y: 'world'}] };
let {p: [x, { }] } = obj; // yを無視
// x = 'こんにちは'

xとします。
1 は 0 です。

xとします。
（{x} = {x: 1}）;

関数 add([x, y]) {
	x + y を返します。
}
追加([1, 2]);

x = 1 とします。
y = 2とします。
y = 0;

// 配列を返す関数 example() {
  [1, 2, 3]を返します。
}
[a, b, c] = example() とします。
// オブジェクトを返す function example() {
  戻る {
    フード: 1,
    バー: 2
  };
}
{ foo, bar } = example() とします。

jsonData = {
  id: 42,
  ステータス: 「OK」、
  データ: [867, 5309]
};
{id、ステータス、データ:数値} = jsonData;
console.log(ID、ステータス、番号);
// 42, "OK", [867, 5309]