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

前言

1. 【 Lodash 和 Underscore 的關係 】
   • 江湖傳聞（沒覈實過，先聽着吧，反正翻譯的主角是Lodash）：
     • 一開始Lodash只是Underscore.js的一個fork，以後在原有的成功基礎上取得了更大的成果，lodash的性能遠遠的超過了Underscore。
     • lodash基於Underscore.js，且兼容性更好，性能更好，更加全面的測試，屬於Underscore.js的超集
2. 【 ES六、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技術、交互設計、圖像繪製、數據分析等研究，有興趣的小夥伴來撩撩咱們~ web@talkmoney.cn

訪問 www.talkmoney.cn 瞭解更多