Lodash là gì

Lodash là gì

A modern JavaScript utility library delivering modularity, performance & extras.

Bạn đang xem: Lodash là gì

Nếu các bạn đã hoặc đã thao tác làm việc cùng với javascript thì cứng cáp vẫn nghe qua lodash. Một thỏng bài toán vô cùng trẻ trung và tràn đầy năng lượng cung cấp tương đối nhiều hàm để xử lý data, object, strings, number giỏi những array…. Lodash cung cấp performance không hề nhỏ cùng bảo đảm an toàn trong số ngôi trường thích hợp underfine, null,…. Hình như, Lúc áp dụng hàm lodash họ thấy code đẹp nhất và nđính gọn hơn.

Nói túm loại váy lại là xung quanh giải pháp sử dụng các function thông thường khác ví như cách xử lý mảng, list, string những vẻ bên ngoài thì các chúng ta cũng có thể học tập thêm 1 thử viện xịn xò và này nọ là lodash. Tớ chỉ viết ra trên đây mấy loại tốt dùng thôi chđọng nhiều trang bị các bạn cũng có thể xem thêm tư liệu của lodash sống đây

Để install và thực hiện lodash tại npm hoặc yarn


// Load the full build.var _ = require("lodash");// Load the core build.var _ = require("lodash/core");// Load the FP.. build for immutable auto-curried iteratee-first data-last methods.var fp = require("lodash/fp");
1
2
3
4
5
6
7
// Load the full build.
var _ = require("lodash");
// Load the core build.
var _ = require("lodash/core");
// Load the FPhường build for immutable auto-curried iteratee-first data-last methods.
var fp = require("lodash/fp");

Một số hàm thường dùng nhưng mà tớ hay dùng

Xử lý danh sách

.forEach(collection, .identity>)

Giống cùng với hàm foreach(), dùng làm lặp qua từng thành phần của list và xử lý với hàm.


_.forEach(<1, 2>, function(value) console.log(value););// => Logs `1` then `2`. _.forEach( "a": 1, "b": 2 , function(value, key) console.log(key););// => Logs "a" then "b" (iteration order is not guaranteed).
1
2
3
4
5
6
7
8
9
10
_.forEach(<1, 2>, function(value)
console.log(value);
);
// => Logs `1` then `2`.
_.forEach( "a": 1, "b": 2 , function(value, key)
console.log(key);
);
// => Logs "a" then "b" (iteration order is not guaranteed).

.filter(collection, .identity>)

Lặp lại những phần tử của tủ đựng đồ, trả về một mảng tất cả toàn bộ các vị tự thành phần trả về cực hiếm true mang đến. Vị từ bỏ được Call cùng với bố đối số: (value, index | key, collection).


var users = < "user": "barney", "age": 36, "active": true , "user": "fred", "age": 40, "active": false >; _.filter(users, function(o) return !o.active; );// => objects for <"fred"> // The `_.matches` iteratee shorthvà._.filter(users, "age": 36, "active": true );// => objects for <"barney"> // The `_.matchesProperty` iteratee shorth&._.filter(users, <"active", false>);// => objects for <"fred"> // The `_.property` iteratee shorthvà._.filter(users, "active");// => objects for <"barney">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var users = <
"user": "barney", "age": 36, "active": true ,
"user": "fred", "age": 40, "active": false
>;
_.filter(users, function(o) return !o.active; );
// => objects for <"fred">
// The `_.matches` iteratee shorthvà.

Xem thêm: Cách Chơi Mystic Messenger (Game), Mystic Messenger


_.filter(users, "age": 36, "active": true );
// => objects for <"barney">
// The `_.matchesProperty` iteratee shorth&.
_.filter(users, <"active", false>);
// => objects for <"fred">
// The `_.property` iteratee shorthvà.
_.filter(users, "active");
// => objects for <"barney">

.find(collection, .identity>, )

Lặp lại các phần tử của tủ đựng đồ, trả về vị từ bỏ phần tử đầu tiên trả về quý hiếm true đến. Vị trường đoản cú được call cùng với bố đối số: (value, index | key, collection).


var users = < "user": "barney", "age": 36, "active": true , "user": "fred", "age": 40, "active": false , "user": "pebbles", "age": 1, "active": true >; _.find(users, function(o) { return o.age object for "barney" // The `_.matches` iteratee shorth&._.find(users, "age": 1, "active": true );// => object for "pebbles" // The `_.matchesProperty` iteratee shorth&._.find(users, <"active", false>);// => object for "fred" // The `_.property` iteratee shorthvà._.find(users, "active");// => object for "barney"
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var users = <
"user": "barney","age": 36, "active": true ,
"user": "fred","age": 40, "active": false ,
"user": "pebbles", "age": 1,"active": true
>;
_.find(users, function(o) return o.age < 40; );
// => object for "barney"
// The `_.matches` iteratee shorthvà.
_.find(users, "age": 1, "active": true );
// => object for "pebbles"
// The `_.matchesProperty` iteratee shorth&.
_.find(users, <"active", false>);
// => object for "fred"
// The `_.property` iteratee shorthand.
_.find(users, "active");
// => object for "barney"

.findLast(collection, .identity>, )

Hàm này giống hệt như _.find bên cạnh bài toán nó lặp lại những thành phần của tủ đồ từ cần thanh lịch trái.


_.findLast(<1, 2, 3, 4>, function(n) return n % 2 == 1;);// => 3
1
2
3
4
5
_.findLast(<1, 2, 3, 4>, function(n)
return n % 2 == 1;
);
// => 3

_.includes(collection, value, )

Kiểm tra coi cực hiếm có thuộc list hay không. Nếu tập đúng theo là 1 trong chuỗi, nó sẽ tiến hành soát sổ để search một chuỗi bé có mức giá trị, nếu như không thì SameValueZero được sử dụng nhằm so sánh bình đẳng. Nếu fromIndex là số âm, nó được sử dụng làm phần bù cho phần cuối của bộ sưu tập.


_.includes(<1, 2, 3>, 1);// => true _.includes(<1, 2, 3>, 1, 2);// => false _.includes( "a": 1, "b": 2 , 1);// => true _.includes("abcd", "bc");// => true
1
2
3
4
5
6
7
8
9
10
11
12
_.includes(<1, 2, 3>, 1);
// => true
_.includes(<1, 2, 3>, 1, 2);
// => false
_.includes( "a": 1, "b": 2 , 1);
// => true
_.includes("abcd", "bc");
// => true

.map(collection, .identity>)

Cũng như thể cùng với foreach lặp qua các bộ phận vào list cơ mà gồm trả về một danh sách mới.


function square(n) return n * n; _.map(<4, 8>, square);// => <16, 64> _.map( "a": 4, "b": 8 , square);// => <16, 64> (iteration order is not guaranteed) var users = < "user": "barney" , "user": "fred" >; // The `_.property` iteratee shorth&._.map(users, "user");// => <"barney", "fred">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function square(n)
return n * n;

_.map(<4, 8>, square);
// => <16, 64>
_.map( "a": 4, "b": 8 , square);
// => <16, 64> (iteration order is not guaranteed)
var users = <
"user": "barney" ,
"user": "fred"
>;
// The `_.property` iteratee shorth&.
_.map(users, "user");
// => <"barney", "fred">

Thôi liệt kê mệt mỏi quá nhưng lodash support không ít function đến toàn bộ các thể một số loại array, collection, function, date, lang, math, number, object, seq, string, util, properties, methods.

Nguồn tham khảo: https://lodash.com/docs/4.17.15


Chia sẻ nội dung bài viết ngay

Nguồn bài viết : Viblo


Quý Khách gồm hứng thụ đổi bài toán không?

Frontkết thúc Developer - Tiki.vn


JavaScript ReactJS Redux
Lên đến3,500 USD
Quận 10, TP.. Hồ Chí Minh

Back-End Developer - Wata Solutions


JavaScript NodeJS VueJS
Thỏa thuận
Tan Binc, TPhường Hồ Chí Minh

2 IT Project Managers - Rakus Vietnam


Java JavaScript PHP
Lên đến2,400 USD
Quận 12, TPhường Hồ Chí Minh

Senior QC Engineer - DFO


Tester QA QC JavaScript
Thỏa thuận
Quận 1, TPhường Hồ Chí Minh

20 Front-End Developers - Titan Technology Corporation


JavaScript AngularJS ReactJS
Thỏa thuận
Phú Nhuận, TP.. Hồ Chí Minh
*

Cập nhật tin tức tiên tiến nhất với phổ biến


Tin mới nhất

Cựu CEO Twitter ước ao công khai "mã nguồn mở" hệ thống khai quật Bitcoin, nhằm người nào cũng hoàn toàn có thể đào coin nếu muốn

Tháng Một 16, 2022


Casper vinc danh là “Smart truyền hình 4K rất được yêu thích nhất” trên giải thưởng technology Tech Awards

Tháng Một 16, 2022


Tin tức phổ biến

Hướng dẫn áp dụng ngữ điệu R cho những người new bắt đầu

Tháng Sáu 20, 2014


10 plugin cần thiết của SublimeText dành cho những thiết kế viên JavaScript

Tháng Chín 04, 2015

Nohu888 - Cổng game nổ hũ online
| W88Vuive | xosoketqua.com