Sintaxis: qué significan los corchetes alrededor de una statement de variable

Tome la siguiente línea de código

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

¿Alguien podría recomendar qué significan aquí los corchetes alrededor del componente? He intentado google esto pero luchando para encontrar una respuesta

Se llama asignación de destrucción , y se usa para descomprimir los valores de una array y asignarlos a nuevas variables.

Así que aquí en su código:

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

Está declarando una variable de component que mantendrá el objeto retenido en la matriz que se devolverá desde router.getMatchedComponents({...to}) , donde una estructura similar to una matriz se convierte en una array mediante la operación de difusión.

Intereting Posts

jQuery inArray no funciona cuando el primer elemento coincide JavaScript String.split en una cadena literal para producir una matriz Angular.copy () no copy todas las properties cómo dividir una matriz en dos matrices en javascript?Lista de tareas en JavaScript / HTML Obtenga todas las opciones posibles para una matriz en javascript ¿Por qué AngularJS no utiliza instanceof en su function isArray?¿Cómo acceder a una matriz en un object JSON?