Destrukturyzacja i kopia obiektu

Obiekty i JSON - JavaScript od podstaw: konsola (JavaScript)

Destrukturyzacja wyciąga pola do zmiennych jedną linią: `const { name, age } = person`. Działa też na tablicach i w parametrach funkcji. Rozwinięcie `{ ...person, age: 16 }` tworzy NOWY obiekt z kopią pól i nadpisanym wiekiem. Tak jak przy tablicach, `copy = person` byłoby tylko drugą nazwą tego samego obiektu.

const person = { name: 'Ewa', age: 15, city: 'Gdańsk' };

const { name, age } = person;
console.log(name, age);

const [first, second] = ['złoto', 'srebro', 'brąz'];
console.log(first, second);

function describe({ name, city }) {
  return `${name} mieszka w: ${city}`;
}
console.log(describe(person));

const older = { ...person, age: 16 };
console.log(person.age, older.age, person === older);

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu JavaScript od podstaw: konsola·Zaloguj się, aby zapisać postęp na koncie.