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

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

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

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

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

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

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const user = {
  name: 'Chris',
  age: 33,
  username: 'DailyDevTips',
  address: {
    country: 'South Africa',
    postalCode: '7700',
  },
};

const {
  address: { country },
} = user;

console.log(country);
// South Africa

destructure nested object properties

const {
  address: { country },
} = user;

console.log(country);
// South Africa

Destructure nested object properties

const item = {
  id: 1234,
  name: "sony wf1000xm3",
  category: {
  	mainCategory: "electronics,
    subCategory:'earphones'
  }
};

const {
  category: { subCategory },
} = item;

console.log(category);
// reference error

const {
  category: { subCategory },
  category,
} = item;

console.log(subcategory);
// earphones

console.log(category);
// {mainCategory: "electronics,subCategory:'earphones'}
		

javascript Nested Destructuring Assignment

// nested array elements
const arrValue = ['one', ['two', 'three']];

// nested destructuring assignment in arrays
const [x, [y, z]] = arrValue;

console.log(x); // one
console.log(y); // two
console.log(z); // three

JavaScript nested destructuring

// Destructuring an object > array > object structure
const returnedObject = {
  docsArray: [
    {socketRoom: '', routes: []},
    {socketRoom: '', routes: []},
    {socketRoom: '', routes: []},
  ]
}

// this will destructure the first and second elements from docsArray, and spread the remainder
const {docsArray: [element0, element1, ...remainder]} = returnedObject

// taking this further with destructing properties from element0 
const {docsArray: [{socketRoom0, routes0} = element0, {socketRoom1, routes1} = element1]} = returnedObject

// note the syntax for destructing Objects and Arrays
const {propName} = Object
const [element0, element1] = Array

// then one layer deep where Object[propName] is an Array
const {propName: [element0]} = Object

// then two layers, where element0 is an Object
const {propName: [{propName} = element0]}

// three layers
const {propName: [{propName: [element00]} = element0]}

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

es6 parameter destructuring nested object

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

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

Destructuring Nested Objects

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