13 полезных советов и подсказок по массиву JavaScript, которые вы должны знать

Массив — это одна из наиболее распространенных концепций Javascript, которая дает нам много возможностей для работы с данными, хранящимися внутри.

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

1. Удалить дубликаты из массива

Это очень популярный вопрос интервью о массивах Javascript, как извлечь уникальные значения из массива Javascript. Вот быстрое и простое решение этой проблемы, вы можете использовать новый Set () для этой цели. И я хотел бы показать вам два возможных способа сделать это: один с методом .from (), а второй с оператором распространения (…).

Легко, правда?

2. Заменить конкретное значение в массиве

Иногда необходимо заменить определенное значение в массиве при создании кода, и для этого есть хороший короткий метод, который вы, возможно, еще не знаете. Для этого мы можем использовать .splice (start, value для удаления, valueToAdd) и передать туда все три параметра, указывающие, где мы хотим начать модификацию, сколько значений мы хотим изменить и новые значения.

3. Массив карты без .map ()

Вероятно, всем известен метод массивов .map (), но есть другое решение, которое можно использовать для получения аналогичного эффекта и очень чистого кода. Мы можем использовать метод .from () для этой цели.

4. Очистить массив

У вас есть массив, полный элементов, но вам нужно очистить его для любых целей, и вы не хотите удалять элементы один за другим? Это очень просто сделать в одной строке кода. Чтобы очистить массив, вам нужно установить длину массива равной 0, и все!

5. Конвертировать массив в объект

Бывает, что у нас есть массив, но для какой-то цели нам нужен объект с этими данными, и самый быстрый способ преобразовать массив в объект — это использовать хорошо известный оператор распространения (…).

6. Заполните массив данными

В некоторых случаях мы создаем массив, и нам хотелось бы заполнить его некоторыми данными, или нам нужен массив с такими же значениями, и в этом случае метод .fill () поставляется с простым и понятным решением.

7. Слияние массивов

Знаете ли вы, как объединить массивы в один массив, не используя метод .concat ()? Существует простой способ объединить любое количество массивов в одну строку кода. Как вы, наверное, поняли, оператор распространения (…) довольно полезен при работе с массивами, и в этом случае он такой же.

8. Найдите пересечение двух массивов

Это также одна из самых популярных задач, с которыми вы можете столкнуться в любом интервью Javascript, потому что оно показывает, можете ли вы использовать методы массива и какова ваша логика. Чтобы найти пересечение двух массивов, мы будем использовать один из ранее показанных методов в этой статье, чтобы убедиться, что значения в проверяемом массиве не дублируются, и мы будем использовать метод .filter и метод .include. В результате мы получим массив со значениями, которые были представлены в обоих массивах. Проверьте код:

9. Удалить ложные значения из массива

Сначала давайте определим ложные значения. В Javascript ложными значениями являются false, 0, „”, null, NaN, undefined. Теперь мы можем узнать, как удалить такого рода значения из нашего массива. Для этого мы будем использовать метод .filter ().

10. Получить случайное значение из массива

Иногда нам нужно выбрать значение из массива случайным образом. Чтобы создать его простым, быстрым и коротким способом и сохранить наш код в чистоте, мы можем получить случайный номер индекса в соответствии с длиной массива. Давайте посмотрим код:

11. Реверсивный массив

Когда нам нужно перевернуть наш массив, нет необходимости создавать его через сложные циклы и функции, есть простой метод массива, который делает все это за нас, и с одной строкой кода мы можем перевернуть наш массив. Давайте проверим это:

12. .lastIndexOf () метод

В Javascript есть интересный метод, который позволяет найти индекс последнего вхождения данного элемента. Например, если наш массив имеет дублированные значения, мы можем найти позицию последнего вхождения этого. Давайте посмотрим пример кода:

13. Суммируйте все значения в массиве

Еще одна проблема, которая случается очень часто во время интервью с инженером Javascript. Здесь нет ничего страшного; это можно решить с помощью метода .reduce в одной строке кода. Давайте проверим код:

Заключение

В этой статье я представил вам 13 хитростей и советов, которые могут помочь вам с кодированием и сохранить ваш код коротким и чистым. Кроме того, помните, что в Javascript можно использовать множество различных приемов, которые стоит изучить не только для массивов, но и для различных типов данных. Надеюсь, вам понравятся решения, представленные в статье, и вы будете использовать их для улучшения процесса разработки.

Приятного кодирования!

Добавить комментарий

Войти с помощью: