Desestructuración de objetos con tipos en TypeScript

Estaba usando TypeScript en Deno para crear un proyecto de muestra y tuve que desestructurar un objeto. Estoy familiarizado con los conceptos básicos de TypeScript, pero a veces me encuentro con un problema.

La desestructuración de objetos fue una de ellas.

Yo quería hacer

const { name, age } = body.value

Intenté agregar los tipos stringy numberde esta manera:

const { name: string, age: number } = body.value

Pero esto no funcionó. Aparentemente funcionó, pero en realidad lo que se hace es asignar la namepropiedad a la stringvariable y el agevalor de la propiedad a la numbervariable.

La sintaxis correcta es la siguiente:

const { name, age }: { name: string; age: number } = body.value

La mejor manera de abordar esto sería crear un tipo o interfaz para esos datos:

interface Dog { name: string age: number}

Luego puedes escribir lo anterior de esta manera, que es más corta:

const dog: Dog = body.value

Tips para principiantes de JavaScript

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Desestructuración de objetos con tipos en TypeScript

Estaba usando TypeScript en Deno para crear un proyecto de muestra y tuve que desestructurar un objeto. Estoy familiarizado con los conceptos básicos de TypeS

programar

es

2025-01-09

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente