Как получить свойство объекта в JavaScript?

Существуют два основных способа:

1. Доступ через точку (.): Используется, когда имя свойства известно заранее и является валидным идентификатором JavaScript.

   const obj = { name: 'Alice' };
   const name = obj.name; // 'Alice'
   

2. Доступ через квадратные скобки ([]): Используется, когда имя свойства находится в переменной, содержит специальные символы (пробелы, дефисы и т.д.) или является числом.

   const obj = { 'user-name': 'Bob', 123: 'number property' };
   const propertyName = 'user-name';
   const userName = obj[propertyName]; // 'Bob'
   const numberProperty = obj[123]; // 'number property'
   

Дополнительно:

• Деструктуризация объекта: Позволяет извлечь свойства из объекта в отдельные переменные.

  const obj = { firstName: 'Charlie', lastName: 'Brown' };
  const { firstName, lastName } = obj;
  // firstName = 'Charlie'
  // lastName = 'Brown'
  

• Оператор необязательного доступа (?.): Позволяет безопасно получить доступ к вложенным свойствам, предотвращая ошибки, если промежуточные свойства отсутствуют.

  const obj = { user: { profile: { age: 30 } } };
  const age = obj.user?.profile?.age; // 30
  
  const anotherObj = { user: {} };
  const city = anotherObj.user?.profile?.city; // undefined (без ошибки)