Lodash là gì
Lodash là gì
A modern JavaScript utility library delivering modularity, performance & extras.Bạn đang xem: Lodash là gì
Nếu chúng ta đang hoặc đang làm việc với javascript thì Chắn chắn vẫn nghe qua lodash. Một thỏng việc vô cùng trẻ khỏe cung ứng tương đối nhiều hàm nhằm cách xử lý data, object, strings, number tốt các array…. Lodash cung cấp performance rất lớn và đảm bảo an toàn an toàn trong những trường hòa hợp underfine, null,…. Dường như, Lúc thực hiện hàm lodash họ thấy code đẹp nhất cùng ngắn gọn hơn.
Nói túm dòng váy đầm lại là ngoài phương pháp dùng những function thường thì khác ví như xử trí mảng, danh sách, string những mẫu mã thì những bạn cũng có thể học thêm một demo viện xịn xò với này nọ là lodash. Tớ chỉ viết ra phía trên mấy loại tuyệt cần sử dụng thôi chđọng những lắp thêm các chúng ta cũng có thể tìm hiểu thêm tài liệu của lodash nghỉ ngơi đây
Để install và sử dụng lodash tại npm hoặc yarn
// 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");
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,
Giống cùng với hàm foreach(), dùng để lặp qua mỗi thành phần của danh sách với cách xử trí cùng 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,
Lặp lại những thành phần của tủ đựng đồ, trả về một mảng tất cả toàn bộ các vị từ bỏ thành phần trả về cực hiếm true mang lại. Vị trường đoản cú được Hotline 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 shorthand._.filter(users, "age": 36, "active": true );// => objects for <"barney"> // The `_.matchesProperty` iteratee shorthvà._.filter(users, <"active", false>);// => objects for <"fred"> // The `_.property` iteratee shorth&._.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 shorth&.
Xem thêm: Bản Đồ Quy Hoạch Thành Phố Biên Hòa, Điều Chỉnh Quy Hoạch Đô Thị Thành Phố Biên Hòa
_.filter(users, "age": 36, "active": true );
// => objects for <"barney">
// The `_.matchesProperty` iteratee shorth&.
_.filter(users, <"active", false>);
// => objects for <"fred">
// The `_.property` iteratee shorth&.
_.filter(users, "active");
// => objects for <"barney">
.find(collection,
Lặp lại những bộ phận của bộ sưu tập, trả về vị trường đoản cú bộ phận đầu tiên trả về giá trị true đến. Vị từ được Gọi 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 shorthvà._.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 shorth&.
_.find(users, "age": 1, "active": true );
// => object for "pebbles"
// The `_.matchesProperty` iteratee shorth&.
_.find(users, <"active", false>);
// => object for "fred"
// The `_.property` iteratee shorth&.
_.find(users, "active");
// => object for "barney"
.findLast(collection,
Hàm này hệt như _.find ko kể câu hỏi nó lặp lại những thành phần của tủ đựng đồ trường đoản cú nên quý phái 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 xem cực hiếm tất cả trực thuộc list hay là không. Nếu tập đúng theo là một trong những chuỗi, nó sẽ tiến hành kiểm tra để tìm một chuỗi bé có giá trị, còn nếu như không thì SameValueZero được thực hiện nhằm đối chiếu bình đẳng. Nếu fromIndex là số âm, nó được áp dụng có tác dụng phần bù bỏ 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,
Cũng tương tự cùng với foreach lặp qua các bộ phận trong danh sách dẫu vậy tất cả trả về một list new.
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 shorthvà._.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 shorthvà.
Xem thêm: Thị Trường Bất Đông Sản 2018, Thị Trường Bất Động Sản Năm 2018: Nhiều Biến Động
_.map(users, "user");
// => <"barney", "fred">
Thôi liệt kê mệt mỏi vượt tuy nhiên lodash support rất nhiều function đến tất cả các thể nhiều loại array, collection, function, date, lang, math, number, object, seq, string, util, properties, methods.
Nguồn tsi mê khảo: https://lodash.com/docs/4.17.15
Chia sẻ bài viết ngay
Nguồn bài viết : Viblo
quý khách tất cả hứng thụ thay đổi Việc không?
10 Senior Backover Engineers - ShopBack
JavaScript NodeJS DevOps
Thỏa thuận
Tân Bình, TP.. Hồ Chí Minh
All levels Web Developer - Uniccs Vietnam
Java JavaScript MS SQL
Thỏa thuận
Tân Bình, TPhường Hồ Chí Minh
3 Backover Developers - GGJungle
JavaScript NodeJS AWS
Lên đến1,800 USD
Binh Tkhô giòn, TP Hồ Chí Minh
2 Senior FrontEnd Engineers - Money Forward Vietnam
JavaScript ReactJS HTML5
Thỏa thuận
Quận 4, TP Hồ Chí Minh
Frontkết thúc Developer - Intrepid Group
JavaScript ReactJS Git
1,000 USD - 2,500 USD
Quận 1, TPhường Hồ Chí Minh
Cập nhật thông tin tiên tiến nhất với phổ biến
Tin mới nhất
Valve sầu sẵn sàng cập nhật chính sách sale mới: không thật 90%, không dưới 10%
Tháng Hai 24, 2022Bethesdomain authority tự vứt launcher Bethesdomain authority.net, đến game thủ gửi trực tiếp nhà sang Steam
Tháng Hai 24, 2022Tin tức phổ biến
