一.摘要

lodash是JS一个开箱即用的库函数，里面对于在日常开发中常用到的方法都是已经封装好的，使用起来非常方便，本篇记录了在日常开发过程总经常用的方法，就大概记录一下，具体请参考lodash的官方API：lodash官方API

二.常用方法

import { get } from 'lodash'// 从一个变量中取值，第一参数表示变量，第二个表示该节点对应的名称，第三个参数表示当取不到的时候设置的默认值
const a1 = get(nextProps, 'treeVal', undefined)

```
intersection
```

import { intersection } from 'lodash'// 取两个数组的交集，该方法的返回值仍然是一个数组，如果没有交集，就返回空数组
const arr = intersection(nowCodes, pCodeList)

```
intersectionBy
```

import { intersectionBy } from 'lodash'// 对于数组下嵌套json数据的情况下，根据指定属性id（根据实际的业务需要可任意指定的），取出两个数组的交集，返回的新数组为两个数组的交集
const arr = intersectionBy(delArr1, delArr2, 'id')

```
cloneDeep
```

import { cloneDeep } from 'lodash'// 将源数据深拷贝一份出来，调用此方法会在内存中为新变量重新开辟一个空间，此方法跟lodash的clone方法，解构赋值，Object.assign等等这些方法有本质的区别，这些方法只是新增了一个源数据的引用而已，并没有在内存中去重新开辟一个空间，如果只是单单浅拷贝了一个引用，那么新拷贝的的数据如果发生变化，会引起源数据的变化
const tree = cloneDeep(treeData)

```
throttle
```

import { throttle } from 'lodash'//节流函数
throttle(function () {//回调函数})}, 1000, { leading: true, trailing: false })//该函数共接收三个参数，第一个表示要执行的回调，第二个表示等待时间，第三个参数为Object，具体看下
//{ leading: true, trailing: false }，节流开始前执行一次，节流时间到达后不再执行
//{ leading: false, trailing: true }，在节流开始前不执行，节流时间到达后再执行一次
//{ leading: true, trailing: true }，指定调用在节流开始前执行，节流时间到达后再执行一次//节流函数在很多业务场景中都用到过，防止用户频繁点击，函数的触发过于频繁都可以用此方法来做限制的；

```
uniqBy
```

import { uniqBy } from 'lodash'// 对于数组下嵌套的有json对象的时候，根据指定的字段来给数组去重，可以调用此方法，下面的一句代码就是根据id属性，来给sArr做一个去重的操作，返回的新数组就是去重以后的数组
const arr = uniqBy(sArr, 'id')

```
pullAllBy
```

import { pullAllBy } from 'lodash'// 在数组嵌套json的情况下，把Arr1中与Arr2的id有相同的元素删除，根据指定的属性去删除重复元素
const arr = pullAllBy(Arr1, Arr2, 'id')

```
remove
```

import { remove } from 'lodash';// 从arr数组中删除指定项，arr1为删除后的数组，roadKey为指定标识
const arr1 = remove(arr, (item) => {return !(item.roadKey === roadKey);});

JS lodash库在开发中常用到的方法相关推荐

java开发中常用到小方法
ArrayList转数组 /** 获取优惠券全部策略ID String[]*/private String[] getStrategyIDArrayCache() throws Exception { ...
项目开发中常用JS表单取值方法
项目开发中常用JS表单取值方法一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的) 1.form1.Te ...
python web开发第三方库_Python Web开发中常用的第三方库
Python Web开发中常用的第三方库 TL;DR 经常有朋友问,如果用Python来做Web开发,该选用什么框架?用 Pyramid 开发Web该选用怎样的组合等问题?在这里我将介绍一些Pytho ...
jsp/html开发中常用的JS代码和页面特效代码
1.jsp/html开发中常用的JS代码 1.后退前进 <input type="button" value="后退" onClick="hi ...
前端开发中常用图片格式
前端开发中常用图片格式在我们的日常开发中.必不可少会使用很多种图片. 我们需要根据业务场景来选择所使用的图片类型. 这里我整理了一些常用图片类型.他们的优缺点以及建议的使用场景. 如何在计算机中显示 ...
java开发常用jar包_Java开发中常用jar包整理及使用
本文整理了我自己在Java开发中常用的jar包以及常用的API记录. 一.common-lang3 简介:一个现在最为常用的jar包,封装了许多常用的工具包依赖: org.apache.common ...
iOS开发中常用的方法
iOS开发中常用的方法系统弹窗: 过期方法: UIAlertView *alertView = [[UIAlertView alloc]initWithTitle:@"确认报价" ...
在手机开发中常用的数据库是什么？
在手机开发中常用的数据库是 (A) A:SQLiteB:OracleC:Sql ServerD:Db23 SQLite: 是一款轻型的数据库,是遵守ACID的关系型数据库管理系统,它包含在一个相对小的 ...
前端开发中常用设计模式-总结篇
本文是向大家介绍前端开发中常用的设计模式,它使我们编写的代码更容易被复用,也更容易被人理解,并且保证代码的稳定可靠性. 1.什么是设计模式通俗来讲,就是日常使用设计的一种惯性思维. 因为对应的这种思 ...

JS lodash库在开发中常用到的方法

一.摘要

二.常用方法

JS lodash库在开发中常用到的方法相关推荐

最新文章

热门文章