假期充電 Day 3 —— Lodash 中文文件

摘要： 【 Lodash 和 Underscore 的關係 】 江湖傳聞（沒核實過，先聽著吧，反正翻譯的主角是Lodash）： 一開始Lodash只是Underscore.js的一個fork，之後在原有的成功基礎上取...

1. 【 Lodash 和 Underscore 的關係 】
   • 江湖傳聞（沒核實過，先聽著吧，反正翻譯的主角是Lodash）：
     • 一開始Lodash只是Underscore.js的一個fork，之後在原有的成功基礎上取得了更大的成果，lodash的效能遠遠的超過了Underscore。
     • lodash基於Underscore.js，且相容性更好，效能更好，更加全面的測試，屬於Underscore.js的超集
2. 【 ES6、ES7盛行的今天，還有必要使用 Lodash 麼？ 】
   • 網上一哥們整理一篇好文——你並不需要Underscore/Lodash ，裡面梳理了已經被原生支援的一些方法，大家可以參考參考
   • 當然，在下也覺得，可以用原生實現的就不需要額外引入第三方庫，不過目前 Lodash 還是有些功能用起來還是挺高（tou）效（lan）
   • 沒有正面回答這個問題，到底有沒有必要使用 Lodash？在下認為，還是見仁見智吧，蘿蔔青菜各有所愛，就看各位怎麼看嘍
3. 【 網上中文資料那麼多，為什麼要自己瞎折騰？ 】
   • 說實話，在下不是什麼大神，就是一個半吊子的碼農，這次翻譯也不純粹為了翻譯，更多是想多看看別人大神的程式碼，偷偷師。就算沒學到也算見識見識。不能讓自己老躲在自己的井底，多折騰，多看看。
4. 【 快速通道 】
   • 網上很多大神都有翻譯過，如果比較心急，可以先行看看強大的網友翻譯好的——Lodash中文文件
   • （ps：Lodash 中文官網裡面還是有很多為翻譯）
5. 【 ps 】
   • 本文持續更新，很多細節還沒想好怎麼做才能更有價值，沒事，先上路，細節路上解決，接受各位大大的吐槽和交流

資訊

1. 【 官網 】
   • lodashjs
2. 【 版本號 】
   • v4.17.5

Array

_.chunk(array, [size=1])

_.chunk(array, [size=1])

原始碼 、npm包

將第一個引數（array陣列），按照指定的長度（size），拆分成多個子陣列，並將拆分出來的子陣列組合成一個新的陣列。如果沒法均分，則剩餘的元素組成一個子陣列

引入版本

3.0.0

引數

array (Array): 需要處理的陣列 [size=1] (number): 每個子陣列的長度

返回

(Array): 返回一個包含拆分子陣列的新陣列

例子

_.chunk(['a', 'b', 'c', 'd'], 2);
// => [['a', 'b'], ['c', 'd']]
 
_.chunk(['a', 'b', 'c', 'd'], 3);
// => [['a', 'b', 'c'], ['d']]

_.chunk(["a", "b", "c", "d"])
// => [['a'], ['b'], ['c'], ['d']]
複製程式碼

實用場景

待補充

_.compact(array)

_.compact(array)

原始碼 、npm包

去掉 array 中所有假值元素。其中，false, null, 0, "", undefined, NaN 都是被認為是“假值”

引入版本

0.1.0

引數

array (Array): 待處理的陣列

返回

(Array): 返回過濾掉假值的新陣列

例子

_.compact([0, 1, false, 2, '', 3]);
// => [1, 2, 3]

_.compact([0, 1, false, 2, '', 3, undefined, NaN, 4, 5, 'aaa', null, 'bbb', 666]);
// => [1, 2, 3, 4, 5, "aaa", "bbb", 666]
複製程式碼

實用場景

待補充

_.concat(array, [values])

_.concat(array, [values])

原始碼 、npm包

建立一個新陣列，把 array ，以及後面的任何值或陣列連線起來

引入版本

4.0.0

引數

array (Array): 被連線的陣列 [values] (...*):連線在 array 後面的值（ps：一個或多個）

返回

(Array): 返回連線後的新陣列

例子

var array = [1];
var other = _.concat(array, 2, [3], [[4]]);
var another = _.concat(array, 2, [3], [[4]], false, null, 0, "", undefined, NaN);
 
console.log(other);
// => [1, 2, 3, [4]]

console.log(another);
// => [1, 2, 3, [4], false, null, 0, "", undefined, NaN]
 
console.log(array);
// => [1]——說明不改變原陣列 array
複製程式碼

實用場景

待補充

作者簡介：吳勤發，蘆葦科技web前端開發工程師。擅長網站建設、公眾號開發、微信小程式開發、小遊戲、公眾號開發，專注於前端框架、服務端渲染、SEO技術、互動設計、影象繪製、資料分析等研究，有興趣的小夥伴來撩撩我們[email protected]

訪問www.talkmoney.cn 瞭解更多