Digamos que tenemos el siguiente objeto:
const page = { name: 'Page 1', page_category: [ { postId: 1, catId: 1, category: { id: 1, name: 'category 1' } }, { postId: 3, catId: 2, category: { id: 2, name: 'category 2' } }, ] }Para obtener el primer objeto en la matriz page_category, de forma desestructurada, haríamos esto:
const { page_category: [first] } = pagePero, ¿qué sería si quisiéramos obtener el campo de categoría del primer objeto?
Puede desestructurar el objeto dentro de la matriz desestructurando:
const { page_category: [{category}] } = page; const page = { name: 'Page 1', page_category: [{ postId: 1, catId: 1, category: { id: 1, name: 'category 1' } }, { postId: 3, catId: 2, category: { id: 2, name: 'category 2' } }, ] }; const { page_category: [{category}] } = page; console.log(category);La sintaxis de asignación de desestructuración es análoga a la sintaxis de creación del objeto literal, el siguiente formato muestra cómo tienen la misma forma. Puede usar esta idea para ayudar con sus patrones de desestructuración:
const { page_category: [ { category } ] } = page;Para desestructurar el campo de categoría del primer objeto.
const {page_category: [ {category} ]} = page; console.log("category ==>", category);De esta manera encontrará el objeto de la primera categoría.