Как развернуть объект из массива?

Question

[webe]

const arr = [{id:1,name:'foo'},{id:2,name:'bar'}]; 
const [first] = arr;
const {id} = first;

Можно как-то еще проще в современном ES? возможно что-то упустил.
arr[0].name- так нельзя)

задача: получить свойство id первого элемента массива.

Answer 1

[Антон Спирин]

Лаконичное решение не всегда лучшее.
Демонстрация проблемы
Лучше извлекать свойство безопасно. Например так:
const id = arr[0] && arr[0].id;
Либо, если надо достать несколько свойств, что-то вроде:

const first = arr[0] || {};  // const [ first = {} ] = arr;
const { id, name } = first;

Либо, если надо прервать выполнение в случае отсутствия данных:

const first = arr[0];

if (!first) return null;

const { id, name } = first;

Само получение первого элемента массива традиционным способом, при правильном форматировании, короче деструктуризации на один символ, поэтому нет особого смысла использовать последнюю в этом кейсе.

Answer 2

[Евгений]

arr[0]['name'] вроде так можно