構造分解の割り当てと残りのパラメータ

構造分解の割り当て

構造分解割当は、配列またはオブジェクトの各値とプロセスを個別の変数に分解するJavaScript構文です.

const [a, b] = [10, 20]
console.log(a) // 10
console.log(b) // 20

構造分解割当て左に割り当てる変数を指定し、右に分解するオブジェクトを指定します.このように,[10,20]配列では,値はそれぞれa,bに分解され,割り当てられる.

const arr = [1,2,3]
const [a,b,c] = arr

このように予め指定された配列を分解することも可能である.

use[state, setState] = useState("")

reactでよく用いられるusStateは,このような構造分解により分配して用いることもできる.

残りのパラメータ

その他の展開演算子は、パラメータ名の前に...3つの点が結合して定義されたパラメータ.次に、残りのパラメータは関数に渡されたパラメータを配列に渡します.

function test(a, b, ...rest){ // Rest 파라미터 (...rest)
  console.log(a, b); // 1 2
  console.log(rest); // [3, 4, 5]
}
test(1, 2, 3, 4, 5);

testに1,2,3,4,5というパラメータを渡すと、1はa 2に渡され、残りの3,4,5はrestの名義で配列に含まれる.このとき残りのパラメータは最後に書きます.その理由は、言った通り、残りの人を順番に他の人に渡すからです.