lodash库_封装好的collection集合函数

简介: lodash库_封装好的collection集合函数

集合collection

  • Array数组
  • set集合(存储的元素是有序不重复的)
  • Map集合(存储的元素以键值对key:value的形式)
let array=['y','m','a',1,6]
let set={
   
   }
let map=[{
   
   'value1':1,'value2':2}]

countBy—返回组成对象

countBy(collection,[iteratee=_.identity])
创建构建集合对象
key———经过iterratee执行的结果
value———相同结果执行key的次数

let temp=[19.49,2.5,2.2,2.8,19.98,20.20]
let result=_.countBy(temp,Math.round);
console.log(result)

image.png

forEach方法—遍历元素

forEach(collection,[iteratee=_.identity])
调用iteratee遍历collection,可以访问key和value

let temp={
   
   'yma16':16,'china':1949}
let result=_.forEach(temp,(key,value)=>{
   
   
console.log('key:',key,'value',value)
})
console.log(result)

扩展
each(collection,[iteratee=_.identity])
作用于forEach相同
forEachRight(collection,[iteratee=_.identity])
从右到左开始遍历

let temp={
   
   'yma16':16,'china':1949}
let result=_.forEachRight(temp,(key,value)=>{
   
   
console.log('key:',key,'value',value)
})
console.log(result)

every方法—判断数据

every(collection,[predicate=_.identity])
根据predicate的定义判断,若遇到假值,则停止切返回boolean的false
返回的是boolea类型

let temp=[1,2,3,null]
let result=_.every(temp,Boolean)
console.log(result)

filter方法—留下真值

filter(collection,predicate=_.identity)
遍历集合,根据predicate过滤掉满足不满足的元素
==留下满足的元素(真值)==
返回过滤后的数组

let user=[
{
   
   'name':'yma16','active':true},
{
   
   'name':'yam16','active':false},
]
let result=_.filter(user,(o)=>{
   
   return o.active})
console.log(result)

注意:reject方法与filter相反
reject(collection,[predicate=_.identity])
==留下不满足predicate的元素(假值)==

let user=[
{
   
   'name':'yma16','active':true},
{
   
   'name':'yam16','active':false},
]
let result=_.reject(user,(o)=>{
   
   return o.active})
console.log(result)

find方法—查找满足条件的第一个元素

find(collection,[predicate=_.identity],[fromindex=0])
便利collection集合的元素,返回第一个满足条件的真值

let user=[
{
   
   'user':'yma16','active':true},
{
   
   'name':'yam16','active':false},
{
   
   'name':'chinese','active':true}
]
let result=_.find(user,o=>{
   
   return o.active})
console.log(result)

扩展
findLast(collection,[predicate=_.identity],[fromindex=0])
从右到左开始查找,查到即返回

let user=[
{
   
   'user':'yma16','active':true},
{
   
   'name':'yam16','active':false},
{
   
   'name':'chinese','active':true}
]
let result=_.findLast(user,o=>{
   
   return o.active})
console.log(result)

flatMap方法—创建同阶数组

flatMap(collection,[predicate=_.identity])
同阶数组(平级)

let temp=[6]
let result=_.flatMap(temp,o=>{
   
   return [o,o,o]})
console.log(result)

扩展
flatMapDeep(collection,[predicate=_.identity])
完全是同等级
flatMapDepth(collection,[predicate=_.identity],[depth=1])
指定执行次数

let temp=[[[[6]]]]
let result1=_.flatMap(temp,o=>{
   
   return [o,o,o]})
let result2=_.flatMapDeep(temp,o=>{
   
   return [o,o,o]})
let result3=_.flatMapDepth(temp,o=>{
   
   return [o,o,o]},2)
console.log(result1)
console.log(result2)
console.log(result3)

groupBy方法—创建对象

groupBy(collection,[iteratee=_.identity])
与countBy方法相似,创建构建集合对象
key——是遍历元素计算的结果
value——是生成key的数组(countBy是key的迭代次数

let temp=[19.49,2.5,2.2,2.8,19.98,20.20]
let result=_.groupBy(temp,Math.round);
console.log(result)

includes方法—是否包括

includes(collection,value,[fromindex=0])
可以检查字符串的子串是否存在
返回boolean

let result=_.includes([1,2,3],1)
console.log(result)

invokeMap方法—path方法处理

invokeMap(collection,path,[args])
调用path上的方法处理集合元素,返回一个对象数组(调用方法得到的结果)

let temp=[[1,2,3,2,1,],['a','b','c','b','a']]
let result=_.invokeMap(temp,'sort')
console.log(result)

keyBy方法—创建对象(自定义key)

keyBy(collection,[iteratee=_.identity])
创建一个对象组成, key经过 iteratee 处理后返回的结果。 value是生成key的最后一个元素。iteratee(迭代函数)调用1个参数:(value)

let user=[
{
   
   'user':'yma16','active':1},
{
   
   'name':'yam16','active':2},
{
   
   'name':'chinese','active':3}
]
let result=_.keyBy(user,o=>{
   
   return o.active})
console.log(result)

map方法—创建数组

map(collection,[iteratee=_.identity])
返回进过迭代结果组成的数组

let temp=[3,5]
let result=_.map(temp,o=>{
   
   return o*o})
console.log(result)

orderBy方法—排序

orderBy(collection,[iteratee= _.identity],[orders])
回想mysql的orderb排序(asc、desc)

let user=[
{
   
   'name':'yma16','active':1},
{
   
   'name':'yma16','active':2},
{
   
   'name':'chinese','active':3}
]
let result=_.orderBy(user,['name','active'],['asc','desc'])
console.log(result)

sortBy(collection,[iteratee= _.identity],[orders])
创建一个元素数组迭代后升序

let user=[
{
   
   'name':'yma16','active':1},
{
   
   'name':'yma16','active':2},
{
   
   'name':'chinese','active':3}
]
let result=_.sortBy(user,o=>{
   
   return o.name})
console.log(result)

partiton方法—划分为数组

partition(collection,[iteratee= _.identity])
返回数组对象包含两个数组
第一个数组—true
第二个数组—false

let user=[
{
   
   'name':'yma16','active':true},
{
   
   'name':'yam16','active':false},
{
   
   'name':'chinese','active':true}
]
let result=_.partition(user,o=>{
   
   return o.active})
console.log(result)

reduce方法—返回累加后的值

reduce(collection, [iteratee=_.identity], [accumulator])
accumulator为第一个迭代的值(定义返回类型),遍历集合的元素,返回值进入下次迭代

let temp={
   
   'yma16':16,'yma17':17,'yma18':18}
let result=_.reduce(temp,(result,key,value)=>{
   
   
(result[value]||(result[value]=[])).push(key)
return result
},{
   
   })
console.log(result)

扩展
reduceRight(collection, [iteratee=_.identity], [accumulator])
从右边到左边

sample(随机元素)、shuffle(乱序)、size(长度)方法

sample(collection,[n=1])随机取n个元素

let temp=[1,2,3,4,5,6,7]
console.log(_.sample(temp))
console.log(_.shuffle(temp))
console.log(_.size(temp))

image.png

目录
相关文章
|
6月前
|
存储 关系型数据库 MySQL
lodash库——封装好的collection集合函数
lodash库——封装好的collection集合函数
109 0
|
6月前
|
资源调度 JavaScript 前端开发
Day.js常用方法集合
Day.js常用方法集合
205 0
|
6月前
|
JavaScript
JS数组增删方法的原理,使用原型定义
JS数组增删方法的原理,使用原型定义
|
6月前
|
索引
lodash库——封装好的数组方法介绍
lodash库——封装好的数组方法介绍
70 0
|
6月前
|
存储 JavaScript 前端开发
TypeScript 中的 Map 对象定义、基本操作和常见用法
TypeScript 中的 Map 对象定义、基本操作和常见用法
564 7
antd组件库封装8-Array和tuple类型2
antd组件库封装8-Array和tuple类型2
94 0
antd组件库封装8-Array和tuple类型2
antd组件库封装7-Array和tuple类型1
antd组件库封装7-Array和tuple类型1
68 0
antd组件库封装7-Array和tuple类型1
lodash根据对象属性创建键值对数组
lodash根据对象属性创建键值对数组
101 0
lodash包装实例
lodash包装实例
64 0
lodash遍历对象属性
lodash遍历对象属性
304 0