Lodash là gì? – Các hàm và cách dùng cơ bản thư viện Lodash

2570
Lodash là gì

Trong bài viết này, mình xin giới thiệu một thư viện Javascript khá tiện lợi trong quá trình phát triển dự án Javascript – đó là Lodash. Hãy cùng mình tìm hiểu Lodash là gì, và các hàm cơ bản cũng như cách dùng Lodash nhé.

Cùng bắt đầu nào!

  Composer là gì? Quản lý các thư viện bằng composer
  Nhận dạng thẻ số sử dụng thư viện OpenCV

Lodash là gì?

Lodash là phiên bản mở rộng hơn của thư viện underscore, với nhiều chức năng và cho hiệu năng cao hơn. Các chức năng của Lodash được chia ra làm các nhóm: nhóm xử lý Array, nhóm xử lý Object, nhóm xử lý Date, Function, Lang, Math, Number,…

Danh sách các chức năng cùng doc của Lodash có thể tìm thấy tại đây.

Một số function của thư viện Lodash

Functions trong nhóm xử lý String

_.camelCase: nhận argument là string và trả về string đã format theo dạng camel (Lạc Đà)

_.split: tách 1 string theo mẫu (pattern) hay theo ký tự về thành mảng các ký tự.

_.pad_.padLeft_.padRight: Canh giữa, trái, phải string bằng cách thêm khoảng trắng vào string.

_.trim_.trimEnd_.trimStart: loại bỏ khoảng trắng (white space) hoặc ký tự xác định nào đó ở 2 đầu, ở cuối hoặc ở đầu.

Function trong nhóm xử lý Array

_.concat: Tạo một array mới bằng cách nối các tham số lại với nhau.

_.difference(array, [values]): lọc ra những phần tử có mặt trong array mà không có mặt trong các đối số còn lại (values).

_.findIndex: tìm kiếm phần tử trong mảng và trả về index của phần tử đó trong mảng, trả về -1 nếu không tìm thấy.

_.flatten_.flattenDeep: convert mảng n chiều về (n – 1) chiều với _.flatten và 1 chiều với _.flattenDeep

Function trong nhóm xử lý Object

_.keys: Trả về tên toàn bộ key của 1 object _.values: Trả về tên toàn bộ value của 1 object.

_.pick: Chỉ lấy 1 thuộc tính của object.

_.omit: Bỏ 1 thuộc tính của object, lấy toàn bộ những thuộc tính còn lại.

_.invert: Đảo ngược key-value của 1 object

Một số ultility function

_.isNil_.isNull_.isUndefined_.isNumber_.isObject_.isInteger : là các function kiểm tra 1 giá trị có null hay undefined hay có phải là kiểu số hay object hay không.

_.isEqual: function này so sánh 2 array, hoặc 2 object. Function này sử dung deep comparision, so sánh từng field của 2 object, hoặc từng phần tử của 2 array.

_.isEmpty: Checks if value is an empty object, collection, map, or set. Kiểm tra 1 giá trị có là object rỗng hay không. Một object được coi là rỗng nếu nó không có thuộc tính enumerable string keyed:

KẾT LUẬN

Trong phạm vi bài viết, mình chỉ giới thiệu được cơ bản Lodash là gì, một số hàm cơ bản cũng như cách dùng cơ bản của lodash.

Hy vọng với thư viện này, việc lập trình với JS của các lập trình viên sẽ trở nên dễ dàng và thú vị hơn nữa.

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

Đừng bỏ lỡ các bài viết hay về những thư viện JavaScript khác:

Xem thêm việc làm JavaScript Developer hot nhất tại TopDev

TopDev via viblo.asia

  Hack hàng ngàn Website thông qua các Thư viện JavaScript của Bên thứ ba - Trong đó có Datatables
  5 thư viện HTML5 Video Player tốt nhất mà bạn nên biết