Playground - Congela el objeto recursivamente

Cursos Empresas Blog Live Conf Precios

Contenido del curso

¡Te damos la bienvenida a este reto!

1
¡Bienvenido al mundo de JavaScript!
01:33 min

Día 1

Día 2

Día 3

Día 4

Día 5 - Checkpoint

20
Playground - encuentra el palindromo más grande

Día 6

Día 7

Día 8

Día 9

Día 10 - Checkpoint

Día 11

Día 12

Día 13

Día 14

Día 15 - Checkpoint

50
Playground - Sistema de reservaciones de un hotel

Día 16

Día 17

Día 18

Día 19

Día 20 - Checkpoint

65
Playground - Agenda de vuelos

Día 21

Día 22

Día 23

Día 24 - Checkpoint

77
Playground - Crea un task manager con patrones de diseño

Día 25

Día 26

Día 27

Día 28

Día 29

Día 30

93
¡Lo lograste!
01:41 min

Live Class

Tomar examen

Playground - Congela el objeto recursivamente

Comentarios

Agustin Choque Veliz

Estudiante

Estoy muy de acuerdo, creo que los enunciados no son tan explícitos como deberían. En este desafío indica que se debería proteger el objeto original, pero en la ejecución se indica que el objeto original debería ser editable.

Aquí mi solución:

export function protectDog(dog) {
  const copia = Object.assign({},dog);
  Object.freeze(copia);

  for (const key in copia) {
    const value = copia[key];
    if (typeof value === 'object') {
      Object.freeze(value);
    }
  }
  return copia;
}

Leonardo de los angeles Espinoza Hernandez

Estudiante

¡Gracias por el feedback! Estamos cambiando la guía del ejercicio para hacerlo más explicito :D

Agustin Choque Veliz

Estudiante

Este video profundiza sobre el freezado de objetos, se los dejo por si les interesa https://www.youtube.com/watch?v=D0r1nJE4FcI&t=246s.

Brandon James Huamán Mallcco

Estudiante

Mi solución

const new_dog = Object.assign({}, dog);
  Object.freeze(new_dog);
  for (let obj in new_dog) {
    if (typeof new_dog[obj] == 'object') Object.freeze(new_dog[obj]);
  }
  return new_dog;

Sergio Luis Arango Montes

Estudiante

export function protectDog(dog) {
  let copy = Object.assign({}, dog);
  Object.freeze(copy);

  Object.values(copy).map(value => {
      if (typeof value === 'object') {
          Object.freeze(value);
      }
  });

  return copy;
}

Guido Nicolas

Estudiante

Les dejo mi solución, de todos modos quiero aclarar algo del enunciado, capaz me paso a mi nada más, pero en el enunciado no se aclara que lo que hay que proteger de los cambios es el nuevo objeto (no el original recibido), me dí cuenta con las pruebas, estaría bueno que se aclare mejor ese detalle. * * * * * *

function protectDog(dog) {
  // Tu código aquí 👈

  let propName = Object.getOwnPropertyNames(dog);
  const nuevoObjeto = Object.assign({}, dog)

  propName.forEach(function (name) {
    let prop = dog[name];

    if (typeof (prop) == 'object' && prop !== null) {
      Object.freeze(prop)
    };
  });

  Object.freeze(nuevoObjeto);

  return nuevoObjeto;

};

Yerson Garza

Estudiante

export function protectDog(dog) {
  const protectedDog = Object.assign({}, dog);
  protectNestedObjects(protectedDog);
  Object.freeze(protectedDog);
  return protectedDog;
}

function protectNestedObjects(obj) {
  for (const key in obj) {
    if (typeof obj[key] === "object" && obj[key] !== null) {
      protectNestedObjects(obj[key]);
      Object.freeze(obj[key]);
    }
  }
}

Ruben Gallegos Hernandez

Estudiante

**Mi solución **

Uso Object.keys() para recorrer todas las propiedades del objeto dog y luego congelarlas con Object.freeze() del objeto original. Al final hago una copia del objeto con spread ("..."), congelo la copia y la retorno.

export function protectDog(dog) {
  for (let property of Object.keys(dog)) {
    Object.freeze(dog[property]);
  }
  let dog_copy = Object.freeze({ ...dog });
  return dog_copy;
}

Pablo Torres Pérez

Estudiante

¿Cómo funciona el Output? Ya llevo rato pensando y aún no comprendo. ¿Por qué se llama distinto a la función y se intenta editar?

Joan Alexander Valerio Rodríguez

Estudiante

Quiero hacer una crítica constructiva, debo reconocer que los temarios están muy bien documentados, pero lamentablemente, cada vez que toda realizar un ejercicio, veo que los ejercicios no están bien documentados.

Andres Felipe Torres

Estudiante

Creo que hace falta bastante contexto para cumplir bien la tarea. Lo bueno es que las pruebas te dan un poco de guía sobre lo que debes hacer.

function protectDog(dog) {

    let objectCopy = Object.assign({}, dog);
  
    Object.freeze(objectCopy);
  
    for (const key in objectCopy) {
      const internalObj = objectCopy[key];
      if(typeof internalObj === 'object') {
        Object.freeze(internalObj);
      }
    }
  
    console.log(objectCopy);
  
    return objectCopy;
  }

Andrés Soret Chacin

Estudiante

My solution 👇

function protectDog(dog) {
  const copy = Object.assign({}, dog);
  const propertiesToProtect = ["owner", "favoriteFood", "activities"];

  function freezeRecursively(obj) {
    Object.freeze(obj);
    for (const prop of Object.getOwnPropertyNames(obj)) {
      if (propertiesToProtect.includes(prop) && typeof obj[prop] === "object") {
        freezeRecursively(obj[prop]);
      }
    }
  }

  freezeRecursively(copy);
  return copy;
}

David Ochoa

Estudiante

🛡️🛡️🛡️Escudo anti spoilers🛡️🛡️🛡️

Congela el objeto recursivamente

!Spoiler Shield

export function protectDog(dog) {
  // Tu código aquí 👈
  const dogCopy = Object.assign({}, dog);

  for (const prop in dogCopy) {
    const isObject = typeof dogCopy[prop] == "object";
    if (isObject) {
      Object.freeze(dogCopy[prop]);
    }
  }
  Object.freeze(dogCopy);
  return dogCopy;
}

Jose Jasso

Estudiante

Mi solución tomando en cuenta que puede haber objetos anidados a cualquier profundidad

export function protectDog(dog) {
  var copy = Object.assign({}, dog);

  const recursiveFreezing = (element) => {
    if (typeof element === 'object') {
      Object.freeze(element);

      for (const key in element)
        recursiveFreezing(element[key])
    }
  }

  recursiveFreezing(copy);

  return copy

Mauricio Gualteros

Estudiante

Solucion:

  // Tu código aquí 👈

  let newArray = Object.assign({}, dog);
  Object.freeze(newArray);
  for (let key in newArray) {
    if (typeof newArray[key] == 'object') {
      Object.freeze(newArray[key]);
    }
  }
  return newArray;


} ```

Pariksit Erikrsnan Ortiz Flores

Estudiante

Aporte: | | | || | | |

export function protectDog(dog) {
  // Tu código aquí 👈
  const copy = Object.assign({}, dog);
  Object.freeze(copy);
  for (let key in copy) {
    if (typeof copy[key] == 'object') {
      Object.freeze(copy[key]);
    }
  }
  return copy;
}

Angel Javier Sanchez Tenjo

Estudiante

Hola mi solución:

✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅

export function protectDog(dog) {
  const newDog = Object.assign({}, dog);
  for (let prop in newDog) {
    if (typeof newDog[prop] === "object") {
      Object.freeze(newDog[prop]);
    }
  }
  Object.freeze(newDog);
  return newDog;
}

Carina Payleman

Estudiante

. . . . . .

export function protectDog(dog) {
    const clonedDog = Object.assign({}, dog);
    for (let prop in clonedDog) {
        if (typeof clonedDog[prop] === 'object') {
            Object.freeze(clonedDog[prop]);
        }
    }
    return Object.freeze(clonedDog);
}

Alexis Corrales

Estudiante

export function protectDog(dog) {
  const objCopy = Object.assign({}, dog)
  for (let proper in objCopy) {
    if (typeof objCopy[proper] === 'object') {
      Object.freeze(objCopy[proper]);
    }
  }
  Object.freeze(objCopy)
  return objCopy;
}

Alejandro Anaya

Estudiante

🛡️🛡️Escudo anti-spoilers🛡️🛡️

Mi solución al reto:

export function protectDog(dog) {
  const copia = Object.assign({}, dog);
  Object.freeze(copia);

  for (const key in copia) {
    const value = copia[key];
    if (typeof value === 'object') {
      Object.freeze(value);
    }
  }
  return copia;
}

Duvan Alexis Palomino Ramirez

Estudiante

Buenas, la descripccion del ejercicio no es para nada acertada con lo que solicitan pero bueno son cosas para mejorar, por el momento comparto mi solucion:

export function protectDog(dog) {
  const copia = Object.assign({},dog);
  Object.freeze(copia);

  for (const key in copia) {
    const value = copia[key];
    if (typeof value === 'object') {
      Object.freeze(value);
    }
  }
  return copia;
}

export function protectDog(dog) {
  let copy = Object.assign({}, dog);
  Object.freeze(copy);

  Object.values(copy).map(value => {
      if (typeof value === 'object') {
          Object.freeze(value);
      }
  });

  return copy;
}

function protectDog(dog) {
  // Tu código aquí 👈

  let propName = Object.getOwnPropertyNames(dog);
  const nuevoObjeto = Object.assign({}, dog)

  propName.forEach(function (name) {
    let prop = dog[name];

    if (typeof (prop) == 'object' && prop !== null) {
      Object.freeze(prop)
    };
  });

  Object.freeze(nuevoObjeto);

  return nuevoObjeto;

};

export function protectDog(dog) {
  const protectedDog = Object.assign({}, dog);
  protectNestedObjects(protectedDog);
  Object.freeze(protectedDog);
  return protectedDog;
}

function protectNestedObjects(obj) {
  for (const key in obj) {
    if (typeof obj[key] === "object" && obj[key] !== null) {
      protectNestedObjects(obj[key]);
      Object.freeze(obj[key]);
    }
  }
}

function protectDog(dog) {

    let objectCopy = Object.assign({}, dog);
  
    Object.freeze(objectCopy);
  
    for (const key in objectCopy) {
      const internalObj = objectCopy[key];
      if(typeof internalObj === 'object') {
        Object.freeze(internalObj);
      }
    }
  
    console.log(objectCopy);
  
    return objectCopy;
  }

function protectDog(dog) {
  const copy = Object.assign({}, dog);
  const propertiesToProtect = ["owner", "favoriteFood", "activities"];

  function freezeRecursively(obj) {
    Object.freeze(obj);
    for (const prop of Object.getOwnPropertyNames(obj)) {
      if (propertiesToProtect.includes(prop) && typeof obj[prop] === "object") {
        freezeRecursively(obj[prop]);
      }
    }
  }

  freezeRecursively(copy);
  return copy;
}

export function protectDog(dog) {
  // Tu código aquí 👈
  const dogCopy = Object.assign({}, dog);

  for (const prop in dogCopy) {
    const isObject = typeof dogCopy[prop] == "object";
    if (isObject) {
      Object.freeze(dogCopy[prop]);
    }
  }
  Object.freeze(dogCopy);
  return dogCopy;
}

export function protectDog(dog) {
  var copy = Object.assign({}, dog);

  const recursiveFreezing = (element) => {
    if (typeof element === 'object') {
      Object.freeze(element);

      for (const key in element)
        recursiveFreezing(element[key])
    }
  }

  recursiveFreezing(copy);

  return copy

  // Tu código aquí 👈

  let newArray = Object.assign({}, dog);
  Object.freeze(newArray);
  for (let key in newArray) {
    if (typeof newArray[key] == 'object') {
      Object.freeze(newArray[key]);
    }
  }
  return newArray;


} ```

export function protectDog(dog) {
  // Tu código aquí 👈
  const copy = Object.assign({}, dog);
  Object.freeze(copy);
  for (let key in copy) {
    if (typeof copy[key] == 'object') {
      Object.freeze(copy[key]);
    }
  }
  return copy;
}

export function protectDog(dog) {
  const newDog = Object.assign({}, dog);
  for (let prop in newDog) {
    if (typeof newDog[prop] === "object") {
      Object.freeze(newDog[prop]);
    }
  }
  Object.freeze(newDog);
  return newDog;
}

export function protectDog(dog) {
    const clonedDog = Object.assign({}, dog);
    for (let prop in clonedDog) {
        if (typeof clonedDog[prop] === 'object') {
            Object.freeze(clonedDog[prop]);
        }
    }
    return Object.freeze(clonedDog);
}

export function protectDog(dog) {
  const objCopy = Object.assign({}, dog)
  for (let proper in objCopy) {
    if (typeof objCopy[proper] === 'object') {
      Object.freeze(objCopy[proper]);
    }
  }
  Object.freeze(objCopy)
  return objCopy;
}

export function protectDog(dog) {
  const copia = Object.assign({}, dog);
  Object.freeze(copia);

  for (const key in copia) {
    const value = copia[key];
    if (typeof value === 'object') {
      Object.freeze(value);
    }
  }
  return copia;
}  

¡Te damos la bienvenida a este reto!

¡Bienvenido al mundo de JavaScript!

Día 1

Variables, funciones y sintaxis básica

Tipos de datos

Playground - Retorna el tipo

Tipos de datos - pt 2

Día 2

Operadores

Hoisting y coerción

Playground - Calcula la propina

Alcance de las variables

Día 3

Condicionales

Playground - Calcula años bisiestos

Switch

Playground - Obten información de mascotas según su tipo

Ciclos

Playground - Dibuja un triangulo

Día 4

Arrays

Playground - Encuentra al michi mas famoso

Objetos

Playground - Obten el promedio de los estudiantes

Día 5 - Checkpoint

Playground - encuentra el palindromo más grande

Día 6

Reasignación y redeclaración

Modo estricto

Día 7

Debugging y manejo de errores

Programación funcional

Día 8

Closures

Playground - Crea una calculadora con closures

Higher order functions

Playground - Crea tu propio método map

Día 9

ECMAScript

TC39

Día 10 - Checkpoint

ES6

ES7

Playground - Task planner

Día 11

Asincronismo

Playground - Promesas

Manejando el asincronismo

Playground - Resuelve el callback hell usando promesas

Playground - Resuelve el callback hell usando async/await

Día 12

Arrays a profundidad

Métodos de arrays: Every, Find y findIndex

Playground - Válida el formulario

Día 13

Métodos de arrays: Includes, Join y concat

Playground - agrupa los productos

Métodos de arrays: Flat y FlatMap

Playground - Encuentra la ubicación del valor buscado

Día 14

Mutable functions

Playground - Modifica una lista de compras

Métodos de arrays: sort

Playground - Ordena los productos

Día 15 - Checkpoint

Playground - Sistema de reservaciones de un hotel

Día 16

Programación orientada a objetos en JavaScript

Objetos literales