Получить первый элемент массива в JavaScript

Пять способов получить первый элемент из массива в JavaScript

В программировании массивы являются одной из самых важных структур данных.
В JavaScript массивы очень эффективны, и очень важно иметь глубокое понимание всех тем, связанных с массивом и его методами.

Идея этой статьи состоит в том, чтобы показать полный обзор методов, доступных для получения первого элемента массива.

1. Нулевой индекс

Определенно, наиболее распространенным способом является использование нулевого индекса для доступа к первому элементу. Неизменная концепция, поэтому массив не изменяется.

const animals = ['cat', 'dog', 'cow'];
const first = animals[0];
console.log(first);

// result: 'cat'

2. Назначение деструктуризации

Здесь идея состоит в том, чтобы использовать деструктурирующее присваивание для сопоставления с массивом.
Концепция неизменяемости, поэтому массив не изменяется.

const animals = ['cat', 'dog', 'cow'];
const [first] = animals;
console.log(first);

// result: 'cat'

3. Функция ECMAScript 2022 — метод at

Здесь вместо нулевого индекса можно использовать метод Array.prototype.at().
Неизменная концепция, поэтому массив не изменяется.

const animals = ['cat', 'dog', 'cow'];
const first = animals.at(0);
console.log(first);

// result: 'cat'

4. Метод сдвига

Метод Array.prototype.shift() возвращает первый элемент массива и изменяет длину массива, поэтому меняется понятие изменчивое — массив.

const animals = ['cat', 'dog', 'cow'];
const first = animals.shift();
console.log(first);
console.log(animals);

// result: 'cat', ['dog', 'cow']

5. Найдите метод

Метод Array.prototype.find() можно использовать с функцией предиката фильтра, чтобы проверить, равен ли индекс нулю. Неизменная концепция, поэтому массив не изменяется.

const animals = ['cat', 'dog', 'cow'];
const first = animals.find((_, index) => !index);
console.log(first);

// result: 'cat'

Заключение
Как видите, вариантов получения первого элемента массива очень много. Если вы не хотите изменять исходный массив, лучшими вариантами будут нулевой индекс, назначение деструктурирования и функция ECMAScript 2022. В противном случае, если вы согласны с изменением массива, вы можете использовать метод сдвига.
В конце концов, нулевой индекс и метод сдвига используются чаще всего.

Спасибо за прочтение.
Надеюсь, вам понравилась статья и вы узнали что-то новое.

Если вам нравятся такие истории и вы хотите продолжать читать мои истории, рассмотрите возможность стать участником среды и моим подписчиком. Это стоит 5 долларов США в месяц и дает вам неограниченный доступ к контенту Medium.

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .

Заинтересованы в масштабировании запуска вашего программного обеспечения? Ознакомьтесь с разделом Схема.