Estaba usandoMecanografiadoen Deno para construir un proyecto de muestra y tuve que desestructurar un objeto. Estoy familiarizado con los conceptos básicos de TypeScript, pero a veces tengo un problema.
La desestructuración de objetos fue una de esas.
yo queria hacer
const { name, age } = body.value
Intenté agregar elstring
ynumber
tipos como este:
const { name: string, age: number } = body.value
Pero esto no funcionó. Aparentemente funcionó, pero en realidad esto está asignando laname
propiedad a lastring
variable, y laage
valor de la propiedad alnumber
variable.
La sintaxis correcta es esta:
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
}
Entonces puede escribir lo anterior de esta manera, que es más corta:
const dog: Dog = body.value
Descarga mi gratisManual para principiantes de JavaScript
Más tutoriales de js:
- Cosas para evitar en JavaScript (las partes malas)
- Diferidos y promesas en JavaScript (+ ejemplo de Ember.js)
- Cómo subir archivos al servidor usando JavaScript
- Estilo de codificación JavaScript
- Introducción a las matrices de JavaScript
- Introducción al lenguaje de programación JavaScript
- La guía completa de ECMAScript 2015-2019
- Comprender las promesas de JavaScript
- La estructura léxica de JavaScript
- Tipos de JavaScript
- Variables de JavaScript
- Una lista de ejemplos de ideas de aplicaciones web
- Introducción a la programación funcional con JavaScript
- JavaScript asincrónico moderno con Async y Await
- Ámbito y bucles de JavaScript
- La estructura de datos de JavaScript del mapa
- Establecer la estructura de datos de JavaScript
- Una guía para los literales de plantillas de JavaScript
- Hoja de ruta para aprender JavaScript
- Expresiones JavaScript
- Descubra los temporizadores de JavaScript
- Explicación de los eventos de JavaScript
- Bucles de JavaScript
- Escribe bucles de JavaScript usando mapa, filtrar, reducir y buscar
- El bucle de eventos de JavaScript
- Funciones de JavaScript
- El glosario de JavaScript
- Explicación de los cierres de JavaScript
- Un tutorial sobre las funciones de flecha de JavaScript
- Una guía para las expresiones regulares de JavaScript
- Cómo comprobar si una cadena contiene una subcadena en JavaScript
- Cómo eliminar un elemento de una matriz en JavaScript
- Cómo clonar en profundidad un objeto JavaScript
- Introduction to Unicode and UTF-8
- Unicode en JavaScript
- Cómo poner en mayúsculas la primera letra de una cadena en JavaScript
- Cómo formatear un número como valor de moneda en JavaScript
- Cómo convertir una cadena en un número en JavaScript
- esto en JavaScript
- Cómo obtener la marca de tiempo actual en JavaScript
- Modo estricto de JavaScript
- Expresiones de función invocadas inmediatamente (IIFE) de JavaScript
- Cómo redirigir a otra página web usando JavaScript
- Cómo eliminar una propiedad de un objeto JavaScript
- Cómo agregar un elemento a una matriz en JavaScript
- Cómo comprobar si una propiedad de un objeto JavaScript no está definida
- Introducción a los módulos ES
- Introducción a CommonJS
- Programación asincrónica de JavaScript y devoluciones de llamada
- Cómo reemplazar todas las apariciones de una cadena en JavaScript
- Una guía de referencia rápida para la sintaxis de JavaScript moderna
- Cómo recortar el cero a la izquierda en un número en JavaScript
- Cómo inspeccionar un objeto JavaScript
- La guía definitiva para las fechas de JavaScript
- Un tutorial de Moment.js
- Punto y coma en JavaScript
- Los operadores aritméticos de JavaScript
- El objeto matemático de JavaScript
- Genere cadenas únicas y aleatorias en JavaScript
- Cómo hacer que sus funciones de JavaScript duerman
- Herencia de prototipos de JavaScript
- Excepciones de JavaScript
- Cómo utilizar las clases de JavaScript
- El libro de cocina de JavaScript
- Cotizaciones en JavaScript
- Cómo validar una dirección de correo electrónico en JavaScript
- Cómo obtener las propiedades únicas de un conjunto de objetos en una matriz de JavaScript
- Cómo verificar si una cadena comienza con otra en JavaScript
- Cómo crear una cadena de varias líneas en JavaScript
- La guía ES6
- Cómo obtener la URL actual en JavaScript
- La guía ES2016
- Cómo inicializar una nueva matriz con valores en JavaScript
- La guía ES2017
- La guía ES2018
- Cómo usar Async y Await con Array.prototype.map ()
- Async vs código de sincronización
- Cómo generar un número aleatorio entre dos números en JavaScript
- Tutorial de la API de HTML Canvas
- Cómo obtener el índice de una iteración en un bucle for-of en JavaScript
- ¿Qué es una aplicación de página única?
- Una introducción a WebAssembly
- Introducción a JSON
- La guía JSONP
- Should you use or learn jQuery in 2020?
- Cómo ocultar un elemento DOM usando JavaScript simple
- Cómo fusionar dos objetos en JavaScript
- Cómo vaciar una matriz de JavaScript
- Cómo codificar una URL con JavaScript
- Cómo establecer valores de parámetros predeterminados en JavaScript
- Cómo ordenar una matriz de objetos por un valor de propiedad en JavaScript
- Cómo contar el número de propiedades en un objeto JavaScript
- llamar () y aplicar () en JavaScript
- Introducción a PeerJS, la biblioteca WebRTC
- Trabajar con objetos y matrices usando Rest y Spread
- Desestructurar objetos y matrices en JavaScript
- La guía definitiva para depurar JavaScript
- La guía de TypeScript
- Seleccionar dinámicamente un método de un objeto en JavaScript
- Pasar undefined a JavaScript Expresiones de función invocadas inmediatamente
- Idiomas poco tipados vs fuertemente tipados
- Cómo diseñar elementos DOM usando JavaScript
- Transmitir en JavaScript
- Tutorial de generadores de JavaScript
- El tamaño de la carpeta node_modules no es un problema. Es un privilegio
- Cómo resolver el error de identificador inesperado al importar módulos en JavaScript
- Cómo enumerar todos los métodos de un objeto en JavaScript
- El método String replace ()
- El método String search ()
- Cómo ejecuto pequeños fragmentos de JavaScript
- La guía ES2019
- El método String charAt ()
- El método String charCodeAt ()
- El método String codePointAt ()
- El método String concat ()
- El método String endsWith ()
- El método String incluye ()
- El método String indexOf ()
- El método String lastIndexOf ()
- El método String localeCompare ()
- El método String match ()
- El método String normalize ()
- El método String padEnd ()
- El método String padStart ()
- El método String repeat ()
- El método String slice ()
- El método String split ()
- El método String startsWith ()
- El método String substring ()
- El método String toLocaleLowerCase ()
- El método String toLocaleUpperCase ()
- El método String toLowerCase ()
- El método String toString ()
- El método String toUpperCase ()
- El método String trim ()
- El método String trimEnd ()
- El método String trimStart ()
- Memoización en JavaScript
- El método String valueOf ()
- Referencia de JavaScript: cadena
- El método Number isInteger ()
- El método Number isNaN ()
- El método Number isSafeInteger ()
- El método Number parseFloat ()
- El método Number parseInt ()
- El método Number toString ()
- El método Number valueOf ()
- El método Number toPrecision ()
- El método Number toExponential ()
- El método Number toLocaleString ()
- El método Number toFixed ()
- El método Number isFinite ()
- Referencia de JavaScript: Número
- Descriptores de propiedades de JavaScript
- El método de asignación de objetos ()
- El método Object create ()
- El método Object defineProperties ()
- El método Object defineProperty ()
- El método de las entradas de objeto ()
- El método Object freeze ()
- El método Object getOwnPropertyDescriptor ()
- El método Object getOwnPropertyDescriptors ()
- El método Object getOwnPropertyNames ()
- El método Object getOwnPropertySymbols ()
- El método Object getPrototypeOf ()
- El método Object es ()
- El método Object isExtensible ()
- El método Object isFrozen ()
- El método Object isSealed ()
- El método Object keys ()
- El método Object preventExtensions ()
- El método Object seal ()
- El método Object setPrototypeOf ()
- El método Object values ()
- El método Object hasOwnProperty ()
- El método Object isPrototypeOf ()
- El método Object propertyIsEnumerable ()
- El método Object toLocaleString ()
- El método Object toString ()
- El método Object valueOf ()
- Referencia de JavaScript: Objeto
- Operador de asignación de JavaScript
- Internacionalización de JavaScript
- Operador de tipo JavaScript
- Nuevo operador de JavaScript
- Operadores de comparación de JavaScript
- Reglas de precedencia de operadores de JavaScript
- Instancia de JavaScript del operador
- Declaraciones de JavaScript
- Alcance de JavaScript
- Conversiones de tipo JavaScript (transmisión)
- Operadores de igualdad de JavaScript
- El JavaScript if / else condicional
- El cambio condicional de JavaScript
- El operador de eliminación de JavaScript
- Parámetros de función de JavaScript
- El operador de difusión de JavaScript
- Valores de retorno de JavaScript
- Operadores lógicos de JavaScript
- Operador ternario de JavaScript
- Recurrencia de JavaScript
- Propiedades del objeto JavaScript
- Objetos de error de JavaScript
- El objeto global de JavaScript
- La función filter () de JavaScript
- La función map () de JavaScript
- La función reduce () de JavaScript
- El operador JavaScript "in"
- Operadores de JavaScript
- Cómo obtener el valor de una propiedad CSS en JavaScript
- Cómo agregar un detector de eventos a múltiples elementos en JavaScript
- Campos de clase privada de JavaScript
- Cómo ordenar una matriz por valor de fecha en JavaScript
- Campos de clase pública de JavaScript
- Símbolos JavaScript
- Cómo utilizar la biblioteca bcrypt de JavaScript
- Cómo cambiar el nombre de los campos cuando se usa la desestructuración de objetos
- Cómo verificar tipos en JavaScript sin usar TypeScript
- Cómo comprobar si una matriz de JavaScript contiene un valor específico
- ¡¡Qué hace el operador de doble negación !! hacer en JavaScript?
- ¿Qué operador de igualdad debería usarse en las comparaciones de JavaScript? == vs ===
- ¿Vale la pena aprender JavaScript?
- Cómo devolver el resultado de una función asincrónica en JavaScript
- Cómo comprobar si un objeto está vacío en JavaScript
- Cómo salir de un bucle for en JavaScript
- Cómo agregar un elemento a una matriz en un índice específico en JavaScript
- Por qué no debería modificar un prototipo de objeto JavaScript
- ¿Cuál es la diferencia entre usar let y var en JavaScript?
- Enlaces utilizados para activar funciones de JavaScript
- Cómo unir dos cadenas en JavaScript
- Cómo unir dos matrices en JavaScript
- ¿Cómo comprobar si un valor de JavaScript es una matriz?
- ¿Cómo obtener el último elemento de una matriz en JavaScript?
- Cómo enviar datos codificados en URL usando Axios
- Cómo obtener la fecha de mañana usando JavaScript
- Cómo obtener la fecha de ayer usando JavaScript
- Cómo obtener el nombre del mes a partir de una fecha de JavaScript
- Cómo comprobar si dos fechas son el mismo día en JavaScript
- Cómo verificar si una fecha se refiere a un día en el pasado en JavaScript
- Declaraciones etiquetadas JavaScript
- Cómo esperar a que se resuelvan 2 o más promesas en JavaScript
- Cómo obtener los días entre 2 fechas en JavaScript
- Cómo cargar un archivo usando Fetch
- Cómo formatear una fecha en JavaScript
- Cómo iterar sobre las propiedades del objeto en JavaScript
- Cómo calcular el número de días entre 2 fechas en JavaScript
- Cómo utilizar la espera de nivel superior en los módulos ES
- Importaciones dinámicas de JavaScript
- Encadenamiento opcional de JavaScript
- Cómo reemplazar el espacio en blanco dentro de una cadena en JavaScript
- Coalescencia nula de JavaScript
- Cómo aplanar una matriz en JavaScript
- Esta década en JavaScript
- Cómo enviar el encabezado de autorización usando Axios
- Lista de palabras clave y palabras reservadas en JavaScript
- Cómo convertir una matriz en una cadena en JavaScript
- Cómo eliminar todo el contenido de las carpetas node_modules
- Cómo eliminar duplicados de una matriz de JavaScript
- Let vs Const en JavaScript
- La misma llamada a la API POST en varias bibliotecas de JavaScript
- Cómo obtener los primeros n elementos en una matriz en JS
- Cómo dividir una matriz en varias partes iguales en JS
- Cómo ralentizar un bucle en JavaScript
- Cómo cargar una imagen en un lienzo HTML
- Cómo cortar una cadena en palabras en JavaScript
- Cómo dividir una matriz por la mitad en JavaScript
- Cómo escribir texto en un lienzo HTML
- Cómo eliminar el último carácter de una cadena en JavaScript
- Cómo eliminar el primer carácter de una cadena en JavaScript
- Cómo corregir el TypeError: no se puede asignar a la propiedad de solo lectura 'exportaciones' del objeto '# & lt; Object & gt;' error
- Cómo crear una ventana emergente de intención de salida
- Cómo comprobar si un elemento es descendiente de otro
- Cómo forzar las credenciales a cada solicitud de Axios
- Cómo resolver el error "no es una función" en JavaScript
- Gatsby, como cambiar el favicon
- Cargando un archivo JS externo usando Gatsby
- Cómo detectar el modo oscuro usando JavaScript
- Parcela, cómo solucionar el error `regeneratorRuntime is not defined`
- Cómo detectar si se está utilizando un bloqueador de anuncios con JavaScript
- Desestructuración de objetos con tipos en TypeScript
- El manual de Deno: una breve introducción a Deno 🦕
- Cómo obtener el último segmento de una ruta o URL usando JavaScript
- Cómo mezclar elementos en una matriz de JavaScript
- Cómo comprobar si existe una clave en un objeto JavaScript
- Generación de eventos y captura de eventos
- event.stopPropagation vs event.preventDefault () vs return false en eventos DOM
- Tipos primitivos vs objetos en JavaScript
- ¿Cómo puede saber qué tipo de valor es en JavaScript?
- Cómo devolver varios valores de una función en JavaScript
- Funciones de flecha frente a funciones regulares en JavaScript
- ¿De qué formas podemos acceder al valor de una propiedad de un objeto?
- ¿Cuál es la diferencia entre nulo e indefinido en JavaScript?
- ¿Cuál es la diferencia entre un método y una función?
- ¿Cuáles son las formas en que podemos salir de un bucle en JavaScript?
- El JavaScript for..of loop
- ¿Qué es la desestructuración de objetos en JavaScript?
- ¿Qué es izar en JavaScript?
- Cómo convertir las comas en puntos con JavaScript
- La importancia de la sincronización al trabajar con DOM
- Cómo invertir una matriz de JavaScript
- Cómo comprobar si un valor es un número en JavaScript
- Cómo aceptar parámetros ilimitados en una función de JavaScript
- Objetos de proxy de JavaScript
- Delegación de eventos en el navegador usando JavaScript vanilla
- La súper palabra clave de JavaScript
- Introducción a XState
- ¿Los valores se pasan por referencia o por valor en JavaScript?
- Eventos personalizados en JavaScript
- Errores personalizados en JavaScript
- Espacios de nombres en JavaScript
- Un curioso uso de las comas en JavaScript
- Encadenamiento de llamadas a métodos en JavaScript
- Cómo manejar el rechazo de promesas
- Cómo intercambiar dos elementos de matriz en JavaScript
- Cómo solucioné un error "cb.apply no es una función" mientras usaba Gitbook
- Cómo agregar un elemento al comienzo de una matriz en JavaScript
- Gatsby, corrige el error "no se puede encontrar el módulo gatsby-cli / lib / reporter"
- Cómo obtener el índice de un elemento en una matriz de JavaScript
- Cómo probar un objeto vacío en JavaScript
- Cómo desestructurar un objeto a variables existentes en JavaScript
- La estructura de datos de JavaScript Array
- La estructura de datos de JavaScript de pila
- Estructuras de datos de JavaScript: cola
- Estructuras de datos de JavaScript: Establecer
- Estructuras de datos JavaScript: diccionarios
- Estructuras de datos de JavaScript: listas vinculadas
- JavaScript, como exportar una función
- JavaScript, cómo exportar múltiples funciones
- JavaScript, como salir de una función
- JavaScript, cómo encontrar un carácter en una cadena
- JavaScript, cómo filtrar una matriz
- JavaScript, como extender una clase
- JavaScript, como encontrar duplicados en una matriz
- JavaScript, cómo reemplazar un elemento de una matriz
- Algoritmos JavaScript: búsqueda lineal
- Algoritmos JavaScript: búsqueda binaria
- Algoritmos de JavaScript: Orden de selección
- Algoritmos JavaScript: Quicksort
- Algoritmos de JavaScript: combinación de ordenación
- Algoritmos JavaScript: Clasificación de burbujas