JS之愛我的工具函式

2021-10-23 20:36:08 字數 2133 閱讀 6696

讓人頭大的資料處理

在日常的專案中,經常需要處理資料的格式,其中不乏會遇到一些處理起來比較麻煩的物件,這個時候就需要愛我的工具函式現身,解放下我的**。

快樂好幫手

首先推薦乙個工具函式庫lodash中文文件這裡面包含了很多的工具函式,同時再結合es6,滿足了。

用到的部分

下面是部分利用lodash函式或者es6來處理資料

返回兩個陣列不相同的內容

list=data.

filter

(item =>

!this

.lastlist.

includes

(item)

)陣列過濾得到符合條件的值 filter

data.

filter

(item=>item!=條件)

實現分頁

this

.list=

this

._.chunk

(data,10)

//data 後端返回的全部資料 按照10進行切片

this

.data=

this

.list[

this

.paginator.page-1]

//訪問

陣列去重

1.arr=[3

,2,2

,1]array.

from

(new

set(a)

)//[3,2,1]

2.arr=[3

,2,2

,1]_.

uniq

(arr)

//[3,2,1]

2.arr=[3

,2,2

,1]_.

sorteduniq

(arr)

//[3,2,1]

物件陣列去重

1.arr=[,

,]//根據物件的某個屬性值去重

_.uniqby

(arr,

'x')

//[,]

_.unionby

(arr,

'x')

//[,]

2.arr=[,

,]//直接進行去重操作

_.uniqwith

(arr,_.isequal)

資料分組

_.map

(_.groupby

(data, item =>`$

`),(v, k)

=>

})

陣列扁平

_.flattendeep([

1,[2

,[3,

[4]]

,5]]

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

檢視陣列中是否存在某個值

some

() 方法測試陣列中是不是至少有1個元素通過了被提供的函式測試。它返回的是乙個boolean型別的值。

arr.

some

(even) even===

>函式

arr.

reduce

((t,v)

=>v<5?

true

:t,false

)

持續補充中。。

瞎聊好用的工具函式可以幫助我們減少**量,在開發過程中可以翻閱相應的文件庫。

經過這段時間對大佬文章的拜讀,發現成為大佬的第一步,寫部落格的時候一定要用表情包

昨天周二,不知道為啥朋友圈那麼熱鬧,不就是周二嗎,給大家來個布穀鳥。

JS工具函式

param str 傳入字串 param len 字元總長度 function leftzero str,len function formatcommas val val val split return val 0 replace d d d g,1,val.length 1?val 1 將 d...

JS物件 2 工具函式 Array

一.建立陣列 newarray 空陣列 newarray 20 長度20的陣列 newarray a b c 引數形成陣列 array.of 空陣列 array.of 20 引數形成陣列 array.from abc 字串轉陣列 array.from array mapfn,thisarg 陣列轉陣...

JS一些工具函式

資料型別對照列表 var typelist 判斷資料型別,返回字串 function type obj 是普通物件,且不為空,返回布林值 function objectisnotempty obj 該方法只針對普通 物件和陣列進行深度拷貝。function deepcopy obj 物件和陣列 if...