Destructuring and rename property

javascript object ecmascript-6 rename destructuring
leusrox picture leusrox · Jul 16, 2019 · Viewed 8.9k times · Source 
const a = {
 b: {
  c: 'Hi!'
 }
};

const { b: { c } } = a;

Is it possible rename b in this case? I want get c and also rename b.

Answer

Nina Scholz picture Nina Scholz · Jul 16, 2019

You could destructure with a renaming and take the same property for destructuring.

const a = { b: { c: 'Hi!' } };
const { b: formerB, b: { c } } = a;

console.log(formerB)
console.log(c);

Related questions

JavaScript Extending Class

I have a base class: function Monster() { this.health = 100; } Monster.prototype.growl = function() { console.log("Grr!"); } That I want to extend and create another class with: function Monkey extends Monster() { this.bananaCount = 5; } Monkey.prototype.eatBanana { this.bananaCount--; this.health++; //Accessing …

Read More
spread operator converting objects to array

I'm trying to convert a data structure like this: data = { 0:{A:a}, 1:{B:b}, 2:{C:c}, } into a structure like this: [ {0:{A:a}}, {1:{B:b}}, {2:{C:c}}, ] Using the spread operator like this: [...data] returns any empty array. I also …

Read More
Find the lastIndexOf() an object with a key in array of objects

I'm looking for a way to find the last index of an object in Javascript from a point in an array. For example: array.lastIndexOf(object.key, start); So far, I haven't found a good solution for this problem. I …

Read More