JAVASCRIPT

nested destructuring javascript

const a = {
  id: 1,
  name: 'Yogesh',
  age: 30,
  education: {
    degree: 'Bachelor'
  }
};
const {education: {degree}} = a;
console.log(degree); //prints: Bachelor

destructuring nested objects

const obj = {a: {b: 'xyz'}};

const {a: {b}} = obj;

console.log(b); // xyz

How to destructuring nested object value in javascript?

const person = {
    firstName: 'Adil',
    lastName: 'Arif',
    age: 25,
    job: 'web-developer',
    love: 'coding',
    friedsList: {
        friend1: 'Abir',
        friend2: 'Adnan'
    }
}
const { friend1, friend2 } = person.friedsList;
console.log(friend1, friend2);
//Expected output: Abir Adnan

Destructuring object from a nested object

const person = {
    name: 'labib',
    age: 22,
    job: 'web-developer',
    frieds: ['ahsik', 'abir', 'alvi', 'hanafi'],
    childList: {
        firstChild: 'Salman',
        secondChild: 'Rafi',
        thirdChild: 'Anfi'
    }
}

//simple destructuring
const { name, age, job } = person;
console.log(name, age, job);
//Expected output: labib 22 web-developer

Destructuring array and object from a nested object

const person = {
    name: 'labib',
    age: 22,
    job: 'web-developer',
    frieds: ['ahsik', 'abir', 'alvi', 'hanafi'],
    childList: {
        firstChild: 'Salman',
        secondChild: 'Rafi',
        thirdChild: 'Anfi'
    }
}
const { frieds: [a, b, c] } = person; //array destructuring from a nested object 
console.log(a, b, c);
//expected output: ahsik abir alvi;
const { childList: { firstChild, secondChild } } = person; //object destructuring from a nested object
console.log(firstChild, secondChild)
//expected output:Salman Rafi

nested array destructuring javascript

// destructuring array & nested array & combine array into single array
let person = ["John", "Sandy", "Sam", ["Mike", "Max"], "Diego", "Paul"];
// empty comma is like skipping array index. I skipped "Sam"
const [a, b, , c, ...d] = person;

let friend = [d, "Tom", "Jerry"] 
let newFriend = [...d, "Tom", "Jerry"]

console.log(a); // output: "John"
console.log(b); // output: "Sandy"
console.log(c); // output: [ "Mike", "Max" ]
console.log(d); // output: ["Diego", "Paul"]
console.log(friend); // output: [ [ 'Diego', 'Paul' ], 'Tom', 'Jerry' ]
console.log(newFriend); // output: [ 'Diego', 'Paul', 'Tom', 'Jerry' ]

How to destructuring values from an nested object in javascript?

var personsInfo = {
    company: 'sp-coder',
    persons: [{
        id: 1,
        name: 'Adil',
        friedsList: {
            friend1: 'Nabil',
            friend2: 'Habib'
        }
    }, {
        id: 2,
        name: 'Arif',
        friedsList: {
            friend1: 'alvi',
            friend2: 'avi'
        }
    }]
};

const { friend1, friend2 } = personsInfo.persons[0].friedsList;
console.log(friend1, friend2);
// Expected Output: Nabil Habib

javascript nested array destructuring

const person = {
    name: 'Arif',
    age: 22,
    job: 'we-developer',
    friendList: ['abir', 'adnan', 'alvi'],
    companyDetails: {
        id: 3343,
        companyName: 'IT solution',
        salary: 33400,
        location: 'jahanbarge',
    }
}
const [x, y, z] = person.friendList;
console.log(x, y, z);
//Expected output:abir adnan alvi

es6 parameter destructuring nested object

const myFunc = ({event: {target: {name,secondName}}}) => {
  console.log(name);
  console.log(secondName);
}

myFunc({event: {target: {name: 'fred'}}})

Nested destructuring in Javascript

const person = {
    id: 0133,
    name: "Robert",
    positon: "web-developer",
    salary: 8000,
    pColor: "red",
    pSports: "football",
    pMovies: ["word war 1", "destroy the world", "long way", "Where is my home"],
    pChild: {
        firstChild: "Adiba",
        secondChild: "Alvi"
    }
}
const { secondChild } = person.pChild;
console.log(secondChild);
//Output: Alvi

javascript nested array destructuring

let arr = [1, 2, 3, 4, [100, 200, 300], 5, 6, 7];

// nested array destructuring
const [a, , , , [, b, ,], , , ,] = arr;

console.log(a);
// expected output "1"

console.log(b);
// expected output "200"

Destructuring Nested Objects

const user = {  id: 339,  name: 'Fred',  age: 42};
const {name} = user;
console.log(name); //Expected output: fred