構文 - 変数宣言の周りの角括弧は

Question

は、次のコード行を取る何を意味するのでしょう

const [component] = router.getMatchedComponents({ ...to }) 

誰もがコンポーネントの周囲の角括弧は、ここに何を意味するのかアドバイスしてもらえますか？私はこれをgoogleにしようとしましたが、回答を見つけるのに苦労しました

Answer 1

これはDestructuring assignmentと呼ばれ、arrayの値をアンパックして新しい変数に割り当てます。

const [component] = router.getMatchedComponents({ ...to }) 

あなたはtoは、構造のような配列を使用してarrayになっているrouter.getMatchedComponents({...to})、から返される配列内のオブジェクトのホールドを保持するcomponent変数を宣言している。だからここにあなたのコード内の

スプレッド操作。