JavaScript工具庫之Lodash的示例分析

小編給大家分享一下JavaScript工具庫之Lodash的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

lodash演練

lodash主要使用了延遲計算，使得lodash其性能遠遠超過Underscore。在lodash中延遲計算意味著在我們的鏈式方法在顯示或隱式的value()調用之前是不會執行的。由于這種執行的延后，因此lodash可以進行shortcut fusion這樣的優化，通過合并鏈式iteratee大大降低迭代的次數。從而大大提供其執行性能。

下面我們以用戶信息為例：

var users = [
{ 'user': 'barney', 'age': 36 },
{ 'user': 'fred', 'age': 40 },
{ 'user': 'pebbles', 'age': 18 }
];

1.獲取所有用戶名字，并以”，“分割

var names = _.chain(users)
.map(function(user){
return user.user;
})
.join(" , ")
.value();
console.log(names);

個人比較喜歡lodash延遲計算的現實value，以及JavaScript的函數式風格。在這里首先將users對象包裝成為lodash對象，再map獲取所有用戶的名稱，并最后利用join將用戶名稱以”，“連接在一起。注意這里只是一串方法鏈，如果你沒有顯樣的調用value方法，使其立即執行的化，你將會得到如下的LodashWrapper延遲表達式：

LodashWrapper {__wrapped__: LazyWrapper, __actions__: Array[1], __chain__: true, constructor: function, after: function…}

因為延遲表達式的存在，因此我們可以多次增加方法鏈，但這并不會被執行，所以不會存在性能的問題，最后知道我們需要使用的時候，使用value顯式立即執行即可。

2. 獲取最年輕的用戶

var youngest = _.chain(users)
.min(function(user){
return user.age;
})
.value();
console.log(youngest);

這里利用了lodash提供的min函數可以輕易的解決。

在這里博主還希望用另外一個方式解釋lodash方法鏈的優化,上面的方法可以等價為下面的方式，以age排序的第一個user：

var youngest2 = _.chain(users)
.sortBy("age")
.map(function(user){
console.log("map", user);
return user;
})
.first()
.value();
console.log(youngest2);

在這里博主多加了一個map作為log輸出，如果你執行這行代碼的時候，你會驚奇的看見這里只會有一個user的輸出，這點可以證明在立即執行的時候lodash為我們的方法鏈做了可靠的優化；如果我們去掉first函數你則會看見有3個user對象的輸出。

3. 獲取最年長的用戶

var oldest = _.chain(users)
.max(function(user){
return user.age;
})
.value();
console.log(oldest );

這里則使用lodash的max函數。

4. 用戶數組到用戶Map的轉換

在開發中我們經常會有把一堆素組形式的數據轉換為Object形式的數組，便于根據屬性key值查找，下面將以user對象來演示：

var userObj = _.chain(users)
.map(function(user){
return [user.user, user.age];
})
.zipObject()
.value();
console.log(userObj);

利用lodash首先將user數組map為[key, value]的數組集合，最后利用zipObject將結果轉換為Object對象，zipObject會利用結果集的第一項作為key，第二項作為value生產Object。

以上是“JavaScript工具庫之Lodash的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！