Files
freeCodeCamp/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/es6/use-destructuring-assignment-to-assign-variables-from-objects.md
2022-08-19 20:53:29 +02:00

2.5 KiB

id, title, challengeType, forumTopicId, dashedName
id title challengeType forumTopicId dashedName
587d7b89367417b2b2512b49 Verwende die Destrukturierungszuweisung, um Variablen von Objekten zuzuweisen 1 301215 use-destructuring-assignment-to-assign-variables-from-objects

--description--

Die Destrukturierung ermöglicht es dir, beim Extrahieren von Werten einen neuen Variablennamen zu vergeben. Du kannst dies tun, indem du den neuen Namen bei der Zuweisung des Wertes nach einem Doppelpunkt setzt.

Verwende das gleiche Objekt wie im letzten Beispiel:

const user = { name: 'John Doe', age: 34 };

So kannst du neue Variablennamen in der Zuweisung vergeben:

const { name: userName, age: userAge } = user;

Du kannst es so lesen: "Hole den Wert von user.name und weise ihn einer neuen Variablen namens userName zu" und so weiter. Der Wert von userName wäre der String John Doe, und der Wert von userAge wäre die Zahl 34.

--instructions--

Ersetze die beiden Zuweisungen durch eine gleichwertige Destrukturierungszuweisung. Es sollte den Variablen highToday und highTomorrow noch die Werte von today und tomorrow aus dem Objekt HIGH_TEMPERATURES zugewiesen werden.

--hints--

Du solltest die ES5-Zuweisungssyntax entfernen.

assert(
  !code.match(/highToday = HIGH_TEMPERATURES\.today/g) &&
    !code.match(/highTomorrow = HIGH_TEMPERATURES\.tomorrow/g)
);

Du solltest die Destrukturierung verwenden, um die Variable highToday zu erstellen.

assert(
  code.match(
    /(var|const|let)\s*{\s*(today\s*:\s*highToday[^}]*|[^,]*,\s*today\s*:\s*highToday\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
  )
);

Du solltest die Destrukturierung verwenden, um die Variable highTomorrow zu erstellen.

assert(
  code.match(
    /(var|const|let)\s*{\s*(tomorrow\s*:\s*highTomorrow[^}]*|[^,]*,\s*tomorrow\s*:\s*highTomorrow\s*)}\s*=\s*HIGH_TEMPERATURES(;|\s+|\/\/)/g
  )
);

highToday sollte gleich 77 sein und highTomorrow sollte gleich 80 sein.

assert(highToday === 77 && highTomorrow === 80);

--seed--

--seed-contents--

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

// Only change code below this line

const highToday = HIGH_TEMPERATURES.today;
const highTomorrow = HIGH_TEMPERATURES.tomorrow; 

// Only change code above this line

--solutions--

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

const { today: highToday, tomorrow: highTomorrow } = HIGH_TEMPERATURES;