ES6 - Utiliza sintaxis de desestructuración para pasar un objeto como parámetro de función

Español JavaScript
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.
No entiendo , ya vi la solucion pero no entiendo
Tu código hasta el momento

const stats = {
  max: 56.78,
  standard_deviation: 4.34,
  median: 34.54,
  mode: 23.87,
  min: -0.75,
  average: 35.85
};

// Cambia solo el código debajo de esta línea

const half = (stats) => (stats.max + stats.min) / 2.0; 
const half = ({max, min}) => ({max + min}) / 2

}
// Cambia solo el código encima de esta línea

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Desafío: ES6 - Utiliza sintaxis de desestructuración para pasar un objeto como parámetro de función

Enlaza al desafío:

2

el codigo:

const half = ({max, min}) => ({max + min}) / 2

en esta parte ya no necesitas las llaves {}

 => ({max + min}) / 2

const half = ({max, min}) => (max + min) / 2

Aquí la desestructuración solo reduce el código y lo muestra de una manera mas “directa”

const half = ({max, min}) => (max + min) / 2
const half = (stats) => (stats.max + stats.min) / 2.0;

Mod Edit: blurred answer to challenge

ya que solo vamos a utilizar min y max, podemos extraer solo esos datos del objeto stats

puedes volver a repasar a partir de aquí

3

Gracias por tu ayuda pero sigo sin entender, y desde el punto de repaso, no entie do porque se les pone high today y high tommorrow si en la explicacion de ese ejercicio solo se pondria
today y tomorrow

4

Este es el objeto

const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};

Se quiere crear una variable today y tomorrow con los mismos valores de HIGH_TEMPERATURES.
aqui se extrae el valor de HIGH_TEMPERATURES.today y se asigna a la variable today
lo mismo con tomorrow

const today = HIGH_TEMPERATURES.today;
const tomorrow = HIGH_TEMPERATURES.tomorrow;

pero podemos reducir el código y hacerlo mas directo

const {today} = HIGH_TEMPERATURES;
const {tomorrow} = HIGH_TEMPERATURES;

{today} es la sintaxis para crear una variable con ese nombre y extraer el valor de today de HIGH_TEMPERATURES
porque vamos a crear una variable con el mismo nombre del que se usa en HIGH_TEMPERATURES

Simplemente, se está reduciendo/simplificando el código el código

Antes:
const today = HIGH_TEMPERATURES.today;
const tomorrow = HIGH_TEMPERATURES.tomorrow;

Despues:
const {today} = HIGH_TEMPERATURES;
const {tomorrow} = HIGH_TEMPERATURES;
5

El ejemplo que ponen
const user = { name: ‘John Doe’, age: 34 };

const name = user.name;
const age = user.age;
const { name, age } = user;
Y yo lo entiendo asi en este ejercicio
const {today, tomorrow } = HIGH_TEMPERATURES;

6

Porque
const { HIGHtoday, HIGHtomorrow} = HIGH_TEMPERATURES;

7

Esto es correcto:

puede ser en una sola linea:
const {today, tomorrow } = HIGH_TEMPERATURES;

o en dos lineas:
const {today} = HIGH_TEMPERATURES;
const {tomorrow} = HIGH_TEMPERATURES;

esto no es correcto porque cuando usamos {} para obtener los valores del objeto tienen que tener el mismo nombre en el objeto

const { HIGHtoday, HIGHtomorrow} = HIGH_TEMPERATURES;

como no existe HIGHtoday en HIGH_TEMPERATURES no podemos usar las llaves {}

const HIGH_TEMPERATURES = {
  yesterday: 75,
  today: 77,
  tomorrow: 80
};

solo funciona si la variable tiene el mismo nombre que en el objeto,
incluso podemos agregar yesterday ya que si existe en HIGH_TEMPERATURES


const {yesterday} = HIGH_TEMPERATURES;
const {today} = HIGH_TEMPERATURES;
const {tomorrow} = HIGH_TEMPERATURES;
8

Esta respuesta no fue aceptada
const {today, tomorrow } = HIGH_TEMPERATURES;

Y la que aceptaron fue
const {today: highToday, tomorrow: highTomorrow } = HIGH_TEMPERATURES;
Por eso no entiendo nada

9

con esta si pasa

const {today, tomorrow } = HIGH_TEMPERATURES;

image
image1243×581 46.8 KB

image
image887×615 16.8 KB

10

en youtube tambien tienen cuenta de freecodecamp, este es de java script y lo hacen viendo los temas del curriculum,