سلام،

اسم این قاعده در جاوااسکریپت Object Destructuring است.

مقادیر را بترتیب از آبجکت طرف راست تساوی (=) برمیدارد و متغیرهارا بترتیب مقداردهی میکند.

مثال اول به روش معمولی مقدار دهی میکند:

var hero = {
  name: 'Batman',
  realName: 'Bruce Wayne'
};
var name     = hero.name
var realName = hero.realName;
console.log(name);     // => 'Batman',
console.log(realName); // => 'Bruce Wayne'

مثال دوم به روش Object Destructuring:

const hero = {
  name: 'Batman',
  realName: 'Bruce Wayne'
};
const { name, realName } = hero;
console.log(name);     // => 'Batman',
console.log(realName); // => 'Bruce Wayne'

این لینک را مطالعه کنید.