В этой статье вы прочитаете про JavaScript библиотеку Lodash, которая нужна для работы с массивами и строками, это скорее быстрый старт работы с ней,
Также можете посмотреть статью «Обзор JS библиотека React router», особенно будет полезно если вы только начали изучать React.js.
Установка JavaScript библиотеки Lodash:
Для начала разберём саму установку, вы можете скачать на официальном сайте библиотеку и подключить JS файл в ваш HTML, вот примерно так:
1 2 3 | ... <script src="lodash.js"></script> ... |
Ещё вы можете подключить эту библиотеку через CDN, для этого в HTML впишите что то типа этого:
1 2 3 | ... <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script> ... |
Если же вы используете Node.js, то вы можете установить через NPM, вот что вам нужно прописать в терминале для этого:
1 | npm i --save lodash |
Ну и потом подключаете это всё в Node.js:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | // Подключение всех компонентов. var _ = require('lodash'); // Подключение основного компонента. var _ = require('lodash/core'); // Подключение сборки FP для неизменяемых методов с автоматическим каррированием итераций с последними данными. var fp = require('lodash/fp'); // Подключение компонентов для работы с конкретными типами. var array = require('lodash/array'); var object = require('lodash/fp/object'); // Методы Cherry-pick для небольших пакетов browserify/rollup/webpack bundles. var at = require('lodash/at'); var curryN = require('lodash/fp/curryN'); |
Как видите здесь мы подключаем много различных компонентов, тут всё зависит от ваших нужд, но покажем здесь всё на примере подключения основного компонента.
Основы работы с JavaScript библиотекой Lodash:
Теперь перейдём к работе но стоит сказать, что тут я покажу все во лишь пару маленьких примеров, чтобы вы более менее понимали возможности библиотеки и вообще для чего она нужно.
Первый пример который я покажу, его суть будет в том, что мы будем проходиться по каждому элементу в массиве, и делать ним какое-то действие, например менять из строки в числовой тип, или возводить в квадрат.
Вот пример:
1 2 3 4 5 6 7 | console.log(_.map(['6', '8', '10'], _.parseInt)); function square(n) { return n * n; } console.log(_.map([6, 8, 10], square)); |
Первое что вы тут можете заметить, так это то, что мы всё выводим в консоль браузера, что касается первого примера, так это мы в нём используем метод _.map(), он нам вернёт новый массив, а принимает в себя в качестве аргументов, метод или массив, и функцию, у нас же в качестве аргументов массив чисел в строчном виде, и метод _.parseInt, которая преобразует из строки в число, и как видите мы используем не стандартную JS функцию parseInt(), а из библиотеки, так как она работает лучше.
Для второго примера мы создали функцию которая будет возводить в квадрат число, в остальном всё тоже самое, только вместо массива строк используем массив чисел.
Вот что у нас получилось:
Как видите всё сработало так как надо.
Теперь покажу вам пример работы со строками, покажу как добавлять в начала строки различные символы.
Вот код:
1 | console.log(_.padStart('a', 3, '-')); |
Тут мы используем метод _.padStart(), она добавляет с левой стороны дополнительные символы если строка короче указанной, если длинней то всё изменяет. Первым параметром используем строку, которую нужно изменить, второй это длинна строки, которую мы хотим видеть, и третий это символ, или несколько символов которые мы хотим добавить.
Вот что у нас получилось:
То есть мы добавили ещё два символа «-», потому что мы назначили что должно быть только три символа в строке.
Вывод:
В этой статье вы прочитали про JavaScript библиотеку Lodash, которая упрощает работу с массивами, объектами и строками, думаю вам была интересно, если вас заинтересовала библиотека, то зайдите на официальный сайт и почитайте документацию.
Подписываетесь на соц-сети:
Оценка:
Загрузка...