每天乙個lodash方法 chunk

2021-09-13 22:31:35 字數 1126 閱讀 1076

之前做的足夠多,但是不夠好。批評自己的話萬萬千,不如真是做點小事日積月累來的實在。比起vue,react之類的大庫,看的頭暈,先從小庫寫起來吧。

17年希望自己能克服不夠堅持,不夠認真的毛病,踏踏實實積累一點東西,遠離浮躁,認真的學習,夯實基礎。目標不必太過遠大,先從lodash開始。每天看乙個lodash方法。

chunk方法原始碼鏈結

將陣列(array)拆分成多個 size 長度的區塊,並將這些區塊組成乙個新陣列。 如果array 無法被分割成全部等長的區塊,那麼最後剩餘的元素將組成乙個區塊。

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

* chunk(['a', 'b', 'c', 'd'], 2)

* // => [['a', 'b'], ['c', 'd']]

* * chunk(['a', 'b', 'c', 'd'], 3)

* // => [['a', 'b', 'c'], ['d']]

這是在原始碼裡的執行效果。它接收乙個陣列,傳入乙個size,會將原陣列按照size生成若干個新的陣列,並組成乙個陣列。

看api文件的時候注意,[size=1],大概意思就是在不傳size的情況下,size預設為1 做了個測試

var data = [1,2,3,4,5]

console.log(_.chunk(data))

//=> [[1],[2],[3],[4],[5]]

需要注意的是thunk方法是乙個純函式。它不會對傳入的data有任何影響,這很不起眼,但很重要。

簡單分析,傳入的引數有兩個,第乙個為陣列,第二個為size,預設為1

function chunk(arr,size)

let index = 0

let resindex = 0

const result = new array(math.ceil(length / size))// math.ceil(10/3) = 4 result應該為4個長度的陣列。

while (index < length)

return result

}export default chunk

每天乙個CSS(box sizing

content box 是指定box的 寬度和高度分別應用到元素的內容框。在寬度和高度之外繪製元素的內邊距和邊框。示例一 設定div的外邊距為 5px,內邊距為 5px,邊框為 10px,寬為100px,高為100px,我們指定box sizing 為content box grid contain...

每天乙個Linux命令

將我遇到的linux指令總結一下,不斷增加 1 sz和rz 一般來說,linux 伺服器大多是通過 ssh客戶端來進行遠端的登陸和管理的,使用 ssh登陸 linux ssh有關的兩個命令可以提供很方便的操作 sz 將選定的檔案傳送 send 到本地機器 rz 執行該命令會彈出乙個檔案選擇視窗,從本...

more 每天乙個 02

1 命令格式 more dlfpcsu num pattern linenum file 2 命令功能 more命令和cat的功能一樣都是檢視檔案裡的內容,但有所不同的是more可以按頁來檢視檔案的內容,還支援直接跳轉行等功能。3 命令引數 n 從笫n行開始顯示 n 定義螢幕大小為n行 patter...