lodash 常用操作

2021-09-28 21:21:01 字數 2693 閱讀 3298

lodash是js集array/object/string/function的util於一身。

lodash打包了array/object/string/function裡一些api,好處是連es6的也打包了,所以讓你想在es5環境下使用諸如array#reduce#includes#some#every等時可以借lodash來幫忙

lodash可以讓**更簡短,以下列幾個最頻繁使用的方法:

_.range(10)

//生成元素為0到9的陣列

_.times(10, (i)=>console.log(i))

//迴圈10次

_.uniqueid()

//生成不同的id,用於元素中的id值再好不過

_.startwith

//判斷字串是否以xx開頭

_.endwith

//判斷字串是否以xx結尾

_.truncat

//擷取指定長度後加… 用於處理標題過長再好不過

_.template

//es6有字串模板的語法,而lodash是es5的替代方案

_.assign

//合併,es6有object.assign,類似於jquery.extend

_.assignin

//lodash裡很多方法帶in的都是可列舉原型鏈上的屬性

_.defaults

//安全合併,即忽略undefined/null的重寫

_.findkey

//根據value的屬性值找key

.mapkeys

//遍歷重寫key, 相當於.forin

.mapvalues

//遍歷重寫value , 相當於.forin

_.invert

//反轉對映,快速通過value值找key

_.omit

//返回移除部分屬性的副本,比如提交表單時有些字段不要提交

_.pick

//與omit相反,提取部分屬性的副本,比如只提交某些字段

_. clamp

//確認所給值只在min,max之間

_.max

//最大

_.min

//最小

_.sum

//求和

_.random

//生成隨機數

_.round

//四捨五入,允許指定精確位數

_.isnumber

_.isinterger

_.isfunction

_.isplainobject

_.isarray

_.isdate

_.iselement

_.isnil

//null or undefined

_.isempty

//{} or 空陣列

_.isequal

//支援物件和陣列

_.ismatch

//匹配物件屬性值

_.clonedeep

//深度複製

_.clone

//淺複製

_.once

//只執行一次

_.before

//最多n-1次

_.after

//n次後執行

_.debounce

//忽略頻繁執行

_.union

//合併兩陣列,去重

_.uniq

//去重

_.pull(array,element1,element2)

// 直接在array中移除元素,

_.without(array,element1,element2)

//得到新array中移除元素

_.remove(array, function)

//直接在array移除在function返回true的元素

_.sameple(array)

//隨機取1

_.sameplesize(array, int)

// 隨機取n

_.shuffle(array)

//亂序, jquery.shuffle

_.find(array, function | object)

//根據function返回值和物件查詢1個結果

_.filter(array, function | object)

//根據function返回值和物件查詢多個結果

_.groupby(array, string)

//分組,與多合一相反

_.keyby(array, string)

//分組,類似groupby, 但只有唯一值

_.countby(array, string)

//分組統計

_.orderby(array, array, array)

_.sortby(array, array)

_.difference(array1,array2)

//找不同於array2,元素是object用differenceby

_.xor(array1,array2)

//得到非交集,元素是object用xorby

_.intersection(array1,array2)

//得到交集,元素是object用intersectionby

lodash工具庫常用函式收集

lodash是一套工具庫,內部封裝了很多字串 陣列 物件等常見資料型別的處理函式。lodash的引用 import from lodash 用乙個陣列遍歷來說明為什麼要使用lodash 常規陣列遍歷 agent.foreach function n,key 使用lodash來遍歷 const arr...

lodash 常用方法原始碼解析

將陣列 array 拆分成多個 size 長度的區塊,並將這些區塊組成乙個新陣列。如果array 無法被分割成全部等長的區塊,那麼最後剩餘的元素將組成乙個區塊。let newarray chunk array,2 將 array 分成兩組原理 var index 0,resindex 0,resul...

lodash常用api之Array陣列方法篇

flattendeep 1,2,3,4 5 1,2,3,4,5 indexof 3,3 1 1具體引數 array array 需要查詢的陣列。value 需要查詢的值。fromindex 0 number 開始查詢的位置,預設從0開始 difference 1,2,3,4 8,4 1,2,3 wi...