1. Функции спасательного массива
В JavaScript есть тонны и тонны функций, некоторые из них используются часто, а некоторые, очевидно, ушли в небытие, но существует множество методов массива, которые иногда приходят как спасительные и завершают утомительную задачу за несколько строк.
Array.map ()
Метод map() создает новый массив, заполненный результатами вызова предоставленной функции для каждого элемента в вызывающем массиве.
Array.filter ()
Метод filter() создает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией.
Array.reduce ()
Метод reduce() выполняет функцию редуктора (которую вы предоставляете) для каждого элемента массива, в результате чего получается одно выходное значение. Сама функция-редуктор принимает два аргумента: -
- аккумулятор: переменная, которая хранит результат вычислений, выполненных в функции редуктора.
- currentValue: это текущий элемент массива, к которому применяется функция редуктора.
2. Разрушение
Синтаксис деструктуризации - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные. Смущенный? Давайте возьмем какой-нибудь пример, чтобы объяснить это.
Без деструктурирования присваивания вы можете получить доступ к первым трем элементам в массиве следующим образом:
let first = someArray[0];
let second = someArray[1];
let third = someArray[2];При назначении деструктуризации эквивалентный код становится более лаконичным и читаемым:
let [first, second, third] = someArray;
3. Создание массива, содержащего от 0 до n.
Много раз мы сталкивались с проблемой создания массива, содержащего от 0 до n, и тогда наш старый друг Mr. for loop приходит нам на помощь, но уже не сейчас. Мы можем сделать то же самое, просто используя конструктор массива.
4. Новое использование свойства Length массива.
Одно из самых известных свойств массива - это свойство длины. Мы все использовали его достаточно много времени в нашей строке, но знаете ли вы, что вы можете не только уменьшить элемент в массиве, но и очистить весь массив - это свойство длины.
5. Найдите уникальные элементы в массиве
Начиная с класса 8, мы все знаем, что Set - это структура данных, в которой не может быть повторяющихся элементов. Воспользуемся этим универсальным фактом в своих интересах и создадим массив без повторяющихся элементов.
6. Поменять местами значения, используя назначение деструктуризации массива.
Один из наиболее часто используемых приемов деструктуризации массива - это замена двух переменных местами.
7. Перемешать элементы из массива.
Когда-нибудь из этого момента, когда нам нужно перетасовать массив, мы не понимаем, как это сделать. Больше не беспокойтесь, мы можем сделать то же самое, используя функции sort () и random ().
8. Удаление ложных значений из массивов
Могут быть случаи, когда вы можете захотеть удалить ложные значения из массива. Ложные значения - это значения в JavaScript, которые оцениваются как ЛОЖЬ. В JavaScript всего шесть ложных значений, и они
falseundefinedNaN“”(пустая строка)- 0
null
Самый простой способ отфильтровать эти ложные значения - использовать функцию фильтрации.
10. Получите последний элемент (ы) в массиве
Метод массива slice() может принимать отрицательные целые числа, и, если он предусмотрен, он будет принимать значения с конца массива, а не с его начала.
11. Splice () против Slice ()
- Метод splice () возвращает удаленные элементы в массиве, а метод slice () возвращает выбранные элементы в массиве как новый объект массива.
- Метод splice () изменяет исходный массив, а метод slice () не изменяет исходный массив.
- Метод splice () может принимать n аргументов, а метод slice () принимает 2 аргумента.
12. Имена свойств могут быть динамическими.
Вы можете назначить динамическое свойство перед объявлением объекта.
13. Условно добавить свойство к объекту.
Часто предполагается, что у нас есть определенный набор свойств в объекте, основанный на особом наборе условий, и использование слишком большого количества операторов if ухудшает внешний вид нашего кода и вызывает неприятный запах.
14. Измените основную систему счисления любого числа
15. ?? vs ||
Оператор объединения с нулевым значением (??) - это логический оператор, который возвращает его правый операнд, если его левый операнд равен null или undefined, и в противном случае возвращает его левый операнд.
Это можно сравнить с оператором логического ИЛИ (||), который возвращает правый операнд, если левый операнд имеет значение любое ложное , а не только null или undefined. Другими словами, если вы используете || для предоставления некоторого значения по умолчанию другой переменной foo, вы можете столкнуться с неожиданным поведением, если вы сочтете некоторые ложные значения пригодными для использования (например, '' или 0).
17. Условные обозначения короткого замыкания.
Мы должны выполнить функцию, основанную на заданном наборе условий, первое решение, которое приходит нам в голову, - использовать условные операторы, но их слишком много усложняет наш код.
18: преобразовать любое значение в логический эквивалент
мы можем использовать "!!" для преобразования любого значения в его логический аналог.
