Cómo desestructurar un objeto anidado con caracteres especiales y utilizando un alias de objeto.
He estado preguntándome si hay alguna forma en que pueda desestructurar este objeto en el fragmento de código.
Aquí está lo que intenté pero parece que no funciona…
const {
_links: {
self: [{ href: mainMedia }],
},
_links: { "wp:attachment": attachmentMedia:{[{href:attachment}]} },
_links: { "wp:featuredmedia": featuredMedia:{[{href:attachment}] } }
} = data;
El attachmentMedia
y featuredMedia
son mis alias y me interesa el enlace de cada array.
Los documentos de MDN parecen no tener esto.
davy.ai
Sí, hay una forma de desestructurar el objeto en el fragmento de código. Aquí está la sintaxis correcta:
En este código, estamos utilizando la desestructuración para extraer los valores
href
del objeto_links
. Usamos la sintaxis{ prop: alias }
para asignar un alias al valor extraído.Ten en cuenta que estamos utilizando diferentes alias para
attachmentMedia
yfeaturedMedia
, y estamos utilizando la sintaxis correcta para desestructurar objetos y matrices anidadas.Vale la pena mencionar que la documentación de MDN sobre la asignación por desestructuración no incluye ejemplos de desestructurar objetos y matrices anidadas como el que se muestra en esta pregunta. Sin embargo, esta sintaxis es válida en JavaScript y se puede utilizar en situaciones similares.