1const book = {
2 title: 'Ego is the Enemy',
3 author: 'Ryan Holiday',
4 publisher: {
5 name: 'Penguin',
6 type: 'private'
7 }
8};
9
10const {title: bookName = 'Ego', author, name: {publisher: { name }} = book, type: {publisher: { type }} = book } = book;
1({ a, b } = { a: 10, b: 20 });
2console.log(a); // 10
3console.log(b); // 20
4
5
6// Stage 4(finished) proposal
7({a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40});
8console.log(a); // 10
9console.log(b); // 20
10console.log(rest); // {c: 30, d: 40}
11
1Object Destructuring =>
2//
3 The destructuring assignment syntax is a JavaScript expression that makes it
4possible to unpack values from arrays,
5or properties from objects, into distinct variables.
6//
7example:
8const user = {
9 id: 42,
10 is_verified: true
11};
12
13const {id, is_verified} = user;
14
15console.log(id); // 42
16console.log(is_verified); // true
17
1const hero = {
2 name: 'Batman',
3 realName: 'Bruce Wayne',
4 address: {
5 city: 'Gotham'
6 }
7};
8
9// Object destructuring:
10const { realName, address: { city } } = hero;
11city; // => 'Gotham'
1const user = {
2 name: "Jenny",
3 age: "12",
4 hobbies: ["Sport", "Programmieren", "essen"],
5};
6
7const { age } = user;
8console.log(age);