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ì kiên cố sẽ nghe qua lodash. Một thư việc khôn xiết mạnh mẽ cung ứng không ít hàm để giải pháp xử lý data, object, strings, number xuất xắc các array…. Lodash cung ứng performance rất lớn và đảm bảo bình yên trong những ngôi trường thích hợp underfine, null,…. Bên cạnh đó, lúc sử dụng hàm lodash bọn họ thấy code đẹp cùng nđính gọn rộng.
Nói túm dòng váy đầm lại là bên cạnh phương pháp cần sử dụng những function thông thường khác ví như xử trí mảng, list, string các giao diện thì các bạn cũng có thể học thêm một thử viện xịn xò và này nọ là lodash. Tớ chỉ viết ra trên đây mấy cái giỏi dùng thôi chứ đọng những đồ vật những bạn có thể đọc thêm tài liệu của lodash nghỉ ngơi đây
Để install và áp dụng lodash trên 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ịnh hành nhưng mà tớ tuyệt dùng
Xử lý danh sách
.forEach(collection,
Giống cùng với hàm foreach(), dùng làm lặp qua mỗi phần tử của danh sách 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,
Lặp lại những bộ phận của tủ đồ, trả về một mảng có tất cả các vị tự thành phần trả về giá trị true mang đến. Vị tự được Điện thoại tư vấn cùng với ba đố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 shorthand.
Xem thêm: Hướng Dẫn Sử Dụng Bootice Nạp Mbr Và Pbr Cho Ổ Cứng Tạo Khả, Hướng Dẫn Sử Dụng Bootice
_.filter(users, "age": 36, "active": true );
// => objects for <"barney">
// The `_.matchesProperty` iteratee shorthvà.
_.filter(users, <"active", false>);
// => objects for <"fred">
// The `_.property` iteratee shorthvà.
_.filter(users, "active");
// => objects for <"barney">
.find(collection,
Lặp lại các bộ phận của tủ đựng đồ, trả về vị trường đoản cú bộ phận thứ nhất trả về quý giá true mang lại. Vị từ bỏ được call cùng với ba đố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 shorthand._.find(users, "age": 1, "active": true );// => object for "pebbles" // The `_.matchesProperty` iteratee shorthvà._.find(users, <"active", false>);// => object for "fred" // The `_.property` iteratee shorthand._.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 shorthvà.
_.find(users, <"active", false>);
// => object for "fred"
// The `_.property` iteratee shorth&.
_.find(users, "active");
// => object for "barney"
.findLast(collection,
Hàm này y hệt như _.find kế bên bài toán nó lặp lại những bộ phận của tủ chứa đồ trường đoản cú yêu cầu sang 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 giá trị gồm nằm trong danh sách hay không. Nếu tập thích hợp là một chuỗi, nó sẽ tiến hành đánh giá để tra cứu một chuỗi con có mức giá trị, còn nếu như không thì SameValueZero được thực hiện để so sánh đồng đẳng. Nếu fromIndex là số âm, nó được sử dụng làm phần bù cho phần cuối của tủ đựng đồ.
_.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 giống như cùng với foreach lặp qua những thành phần vào danh sách nhưng mà bao gồm trả về một danh sách bắt đầu.
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 vượt nhưng lại lodash support rất nhiều function cho tất cả các thể một số loại array, collection, function, date, lang, math, number, object, seq, string, util, properties, methods.
Nguồn tđắm say 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 hàng gồm hứng trúc đổi Việc không?
Senior Frontkết thúc Developer - Force For Good Vietnam
JavaScript AngularJS React Native
Thỏa thuận
Hải Châu, Đà Nẵng
Senior Backend Developer - Force For Good Vietnam
JavaScript NodeJS MS SQL
Thỏa thuận
Hải Châu, Đà Nẵng
Javascript/ReactJS/React Native Engineer - Unitz
JavaScript React Native ReactJS
Thỏa thuận
Phu Nhuan, TPhường Hồ Chí Minh
Senior Frontkết thúc Engineer - GuardRails
JavaScript NodeJS ReactJS
Lên đến5,500 USD
Quận 4, TPhường Hồ Chí Minh
Senior Backend Developer - Ecotek
JavaScript Spring Laravel
1,000 USD - 2,000 USD
Tay Ho, Hà Nội
Cập nhật tin tức mới nhất và phổ biến
Tin mới nhất
Đánh giá bán BenQ GW2480T – Màn hình bảo đảm mắt đa zi năng, giúp sức đắc lực cho nhu cầu tiếp thu kiến thức cùng làm việc
Tháng Một 29, 2022Nền tảng Trợ lý ảo Tiếng Việt Maika phê chuẩn giới thiệu công dụng nghe podcast
Tháng Một 29, 2022Tin tức phổ biến