Такие читатели, как вы, помогают поддерживать MUO. Когда вы совершаете покупку по ссылкам на нашем сайте, мы можем получать партнерскую комиссию. Читать далее.

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

Библиотека, которая работает с веб-браузерами и Node.js, может изменять и преобразовывать данные, выполнять асинхронные операции и многое другое.

Узнайте, как использовать lodash для работы с массивами, строками и объектами, и узнайте о его дополнительных функциях, таких как композиция функций.

Начало работы с Лодаш

Вы можете добавить lodash в свое приложение одним из двух способов: используя сеть доставки контента (CDN) или установив его с помощью npm или yarn.

Чтобы использовать lodash непосредственно в браузере, скопируйте ссылку CDN lodash ниже и вставьте ее в раздел заголовка вашего HTML-файла:

<сценарийисточник=" https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"
 тип = "текст/javascript">сценарий>
instagram viewer

Используя этот подход, вы можете запускать скрипты, используя lodash в теле вашего HTML.

Чтобы использовать lodash в проекте Node.js, вы должны установить его в каталог вашего проекта. Для этого вы можете использовать либо npm, либо yarn:

npm установить --сохранить lodash
# или
пряжа добавить лодаш

Теперь вы можете использовать lodash, потребовав его в своем файле JavaScript:

// Требуется библиотека lodash
константа _ = требовать("лодаш");
// Использование метода _.sum
константа числа = [10, 20, 30, 40, 50];
константа сумма = _.сумма (числа);
консоль.log(сумма);

Чтобы запустить файл JavaScript, введите команду узла:

узел [имя вашего скрипта]

Работа с массивами в Lodash

Lodash поставляется с набором методов для работы с массивами, которые предоставляют функциональные возможности помимо встроенного класса Array в JavaScript.

.chunk

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

Вот пример:

константа массив = [ а, 'б', 'с', 'д', 'е', 'ф', 'г' ];
константа newArray = _.chunk (массив, 2)
консоль.log (новый массив)
// Выход:
// [['a', 'b'], ['c', 'd'], ['e', 'f'], ['g']]

.concat

Этот метод создает новый массив путем объединения значений в конец существующего массива.

Например:

константамножество = [ 1, 2, а ];
константа новый массив = _.concat (множество, 5, 'б', [ 8 ], [ [ 9 ] ]);
консоль.log (новый массив);
// Выход:
// [ 1, 2, 'а', 5, 'б', 8, [ 9 ] ]

.присоединиться

Этот метод возвращает строку, объединяя элементы массива. Он объединяет их с помощью разделителя, который вы передаете в качестве параметра при вызове метода. В качестве разделителя по умолчанию используется запятая:

константамножество = [ "л", "о", "д", "а", "с", "час" ];
константа новыймассив = _.присоединиться(множество);
консоль.log (новый массив);
// Выход:
// л, о, д, а, с, ч


константа новыймассив = _.присоединиться(множество, "-");
консоль.log (новый массив);
// Выход:
// л-о-д-а-с-час

Работа со строками в Lodash

С голым JavaScript, форматирование строк — простой процесс. Но lodash делает это еще проще.

Некоторые из наиболее распространенных операций со строками, которые вы можете выполнять с помощью lodash, включают:

.startswith и .endswith

Эти два метода проверяют, начинается ли строка с подстроки или заканчивается соответственно. Оба метода возвращают логическое значение true или false.

Например:

константа строка = "лодаш";
консоль.log(_.startsWith(строка, "л"));
// Вывод: правда


консоль.log(_.startsWith(строка, "о"));
// Вывод: ложь


консоль.log(_.endsWith(строка, "м"));
// Вывод: ложь
консоль.log(_.endsWith(строка, "час"));
// Вывод: правда

.повторить

Этот метод повторно печатает строку определенное количество раз. Он принимает строку в качестве первого аргумента и количество повторений в качестве второго:

константа строка = "лодаш"
константа newString = _.repeat (строка, 3);
консоль.log (новая строка);
// Вывод: lodashlodashlodash

.подрезать

Этот метод удаляет начальные и конечные пробелы. Вы также можете использовать его для удаления любых определенных символов в начале и конце строки.

Например:

// Удаление начальных и конечных пробелов
константа строка = " бар "
константа newString = _.trim (строка)
консоль.log (новая строка);
// Вывод: бар
// Удаление указанных символов
константа строка = ",бар,"
константа newString = _.trim (строка, ",")
консоль.log (новая строка);
// Вывод: бар

Управление объектами в Lodash

Ниже приведены некоторые примеры манипуляций со строками, которые вы можете выполнять с помощью lodash:

.слияние

_.слияние() метод создает новый объект, комбинируя свойства входных объектов. Значение свойства из более позднего объекта заменит значение из более раннего объекта, если свойство присутствует более чем в одном объекте.

Например:

константа книги = {
'Математика': 4, 
'Наука': 7
};

константа примечания = {
'Наука': 3, 
'Химия': 5
};
_.слияние(книги, примечания);
консоль.log (книги);
// Выход:
// { Математика: 4, Наука: 3, Химия: 5 }

В этом примере метод добавляет свойство «Химия» из второго объекта и перезаписывает значение свойства «Наука» первого объекта.

.имеет

Этот метод возвращает значение true, если данный ряд свойств существует в объекте, и значение false в противном случае.

Например:

константа книги = {
'Математика': 4, 
'Наука': 7
};
консоль.log(_.has(книги, "Математика"));
// Вывод: правда

.пропускать

Этот метод возвращает новый объект, удаляя указанные свойства из заданного.

Например:

вар книги = {
'Математика': 4, 
'Наука': 3, 
'Химия': 5
};

консоль.log(_.опустить (книги, "Наука"));
// Вывод: {Математика: 4, Химия: 5}

Композиция функций в Lodash

Композиция функций — это техника, которую вы можете использовать в функциональный язык программирования. Он включает в себя объединение двух или более функций в новую функцию путем вызова каждой функции в определенном порядке. Эта функция позволяет создавать более сложную логику из более простых функций.

Чтобы применить эту технику, lodash поставляется с _.поток и _.flowRight функции. _.поток() function принимает список функций в качестве аргументов и выводит новую функцию, которая применяет функции в том же порядке, в котором вы их передаете. _.flowRight() функция делает то же самое, но вызывает функции в обратном порядке.

Например:

функцияaddFive(число) {
возвращаться номер + 5
}
функцияразДва(число) {
возвращаться число * 2
}


константа addFiveAndTimesTwo = _.flow([addFive, timesTwo]);


константа addFiveAndTimesTwoReverse = _.flowRight([addFive, timesTwo]);


консоль.log (добавитьFiveAndTimesTwo(3));
// Выход: 16
консоль.log (добавитьФивеандтимесдвореверсе(3));
// Выход: 11

Приведенный выше код определяет функции addFive и разДва. Функция addFive возвращает результат добавления 5 к заданному числу. Функция timesTwo умножает введенное число на 2 и возвращает результат.

Затем код использует _.поток() функция для объединения двух других и создания новой функции, добавитьFiveAndTimesTwo. Эта новая функция сначала выполнит операцию addFive для своего аргумента, а затем операцию timesTwo для конечного результата.

_.flowRight() function создает новую функцию, которая делает то же самое, что и поток, но наоборот.

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

Преимущества работы с Lodash

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