Что является более коротким обозначением для этого в последнем JavaScript?

Question

У меня есть это:

const id = speakerRec.id;
const firstName = speakerRec.firstName;
const lastName = speakerRec.lastName;

, и я думаю, что есть что-то подобное, но не могу вспомнить.

const [id, firstName, lastName] = speakerRec;

Answer 1

Вам необходимо использовать {} для разрушения свойств объекта:

const {id, firstName, lastName} = speakerRec;

[] используется для деструктуризации массива:

const [one, two, three] = [1, 2, 3];

Демонстрация:

const speakerRec = {
  id: "mySpeaker",
  firstName: "Jack",
  lastName: "Bashford"
};

const { id, firstName, lastName } = speakerRec;

console.log(id);
console.log(firstName);
console.log(lastName);

const [one, two, three] = [1, 2, 3];

console.log(one);
console.log(two);
console.log(three);

Answer 2

Это объект, поэтому используйте деструктуризацию объекта (не деструктуризацию массива):

const { id, firstName, lastName } = speakerRec;