object destructuring
const book = { title: 'Ego is the Enemy', author: 'Ryan Holiday', publisher: { name: 'Penguin', type: 'private' } }; const {title: bookName = 'Ego', author, name: {publisher: { name }} = book, type: {publisher: { type }} = book } = book;
Object destructuring
Object Destructuring => // The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. // example: const user = { id: 42, is_verified: true }; const {id, is_verified} = user; console.log(id); // 42 console.log(is_verified); // true
Source: developer.mozilla.org
destructuring object
const obj = { name: "Fred", age: 42, id: 1 } //simple destructuring const { name } = obj; console.log("name", name); //assigning multiple variables at one time const { age, id } = obj; console.log("age", age); console.log("id", id); //using different names for the properties const { name: personName } = obj; console.log("personName", personName); Run code snippet
Source: stackoverflow.com
object destructuring ES6
let person = { name: 'John', age: 21, gender: 'male' } let { name : name1, age: age1, gender:gender1 } = person; console.log(name1, age1, gender1);
object destructuring ES6
let person = { name: 'John', age: 21, gender: 'male' } let { name, age, gender } = person; console.log(name, age, gender);
object destructuring ES6
const person = { name: 'John', age: 34, hobbies: { read: true, playGames: true } } let {name, hobbies: {read, playGames}} = person; console.log(person); console.log(name); console.log(read,playGames);