• #Aplicaciones
  • #Bases de datos
  • #Dispositivos
  • #Hardware
  • #Inversión
  • #Marketing
  • #Programacion
  • #Sistemas
  • Destructuring en JavaScript

    TutorialesJavascriptProgramacion

    La desestructuración o destructuring en JavaScript es una sintaxis que se utiliza para extraer las propiedad de un objeto y asignaras a un conjunto de variables. El destructuring puede aplicarse tanto a objetos normales como a Arrays.

    Vamos a partir del siguiente objeto de ejemplo:

    const usuario = {
      nombre: 'Edu',
      edad: 34,
      web: 'edulazaro.com'
    };

    Ahora vamos a asignar todas las propiedades del objeto usuario a una serie de variable mediante la siguiente sintaxis:

    const { nombre, edad, web } = usuario
    

    Las constantes nombre, edad y web contendrán ahora los valores de las propiedades de idéntico nombre del objeto usuario:

    console.log(nombre); // Edu
    console.log(edad); // 34
    console.log(web); // edulazaro.com

    Para que la asignación por desestructuración funcione, es importante que las variable o constantes tengan el mismo nombre que las propiedades del objeto cuyos valores queremos obtener.

    A continuación puedes encontrar un fiddle con el código de este ejemplo.

    Esto ha sido todo.

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

    https://twitter.com/neeonez