JavaScript工具庫之Lodash

你還在爲JavaScript中的數據轉換、匹配、查找等煩惱嗎？一堆看似簡單的foreach，卻冗長無趣，可仍還在不停的repeat it！也許你已經用上了Underscore.js，不錯，你已經進步很大一步了。然而今天我但願你能更進一步，利用lodash替換掉Underscore。html

lodash一開始是Underscore.js庫的一個fork，由於和其餘(Underscore.js的)貢獻者意見相左。John-David Dalton的最初目標，是提供更多「一致的跨瀏覽器行爲……，並改善性能」。以後，該項目在現有成功的基礎之上取得了更大的成果。最近lodash也發佈了3.5版，成爲了npm包倉庫中依賴最多的庫。它正在擺脫屌絲身份，成爲開發者的常規的選擇之一。npm

如今咱們所熟知的不少開源項目都已經使用或者轉到了lodash陣營之上。好比JavaScript轉譯器Babel、博客平臺Ghost，和項目腳手架工具Yeoman。特別Ghost是從Underscore遷移到了lodash，Ghost的創始人John O’Nolan對於此曾評價到：「這是一個很是明智的選擇，它幾乎徹底是由咱們開源開發社區推進的。咱們發現lodash包含更多的功能，更好的性能、恰到好處地使用了semver，而且在Node.js社區（以及其餘依賴）中愈來愈搶眼「。數組

lodash演練

lodash主要使用了延遲計算，使得lodash其性能遠遠超過Underscore。在lodash中延遲計算意味着在咱們的鏈式方法在顯示或隱式的value()調用以前是不會執行的。因爲這種執行的延後，所以lodash能夠進行shortcut fusion這樣的優化，經過合併鏈式iteratee大大下降迭代的次數。從而大大提供其執行性能。瀏覽器

百說不如一練，下面咱們以用戶信息爲例：app

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對象的輸出。code

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。

結尾

咱們在這裏展現知識lodash中很小一部分的API，正如隨筆開始所說：lodash是爲了提供更多「一致的跨瀏覽器行爲……，並改善性能」API。全部的lodash API你能夠在這裏https://lodash.com/docs#matches查找。

本文的所演示的demo，你也能夠在jsbin http://jsbin.com/xocixubaru/1/edit?html,js,output演示。