lodash学习

211 阅读2分钟

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:

  • 遍历 array、object 和 string
  • 对值进行操作和检测
  • 创建符合功能的函数

npm i lodash-es

lodash-es使用了 es6 的模块语法,这让 webpack 之类的打包工具可以对其进行tree shake (摇树优化)以删除未使用的代码来优化打包体积。所以在使用lodash库时,推荐通过lodash-es来进行导入操作。

在项目中使用到的方法

chunk(array, number)

lodash.chunk | Lodash中文文档 | Lodash中文网

将数组(array)拆分成多个 size 长度的区块,并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块,那么最后剩余的元素将组成一个区块。

返回值是一个二维数组

get

omit(object, [props])

lodash.omit | Lodash中文文档 | Lodash中文网

删除object中的props,这里的props可以逐个传入,也可以传数组

isEqual(value, other)

lodash.isEqual | Lodash中文文档 | Lodash中文网

执行深比较来确定两个值是否相等,如果两个值完全相同返回true否则返回false

isFunction(value)

lodash.isFunction | Lodash中文文档 | Lodash中文网

检查value是否为Function对象,是则返回true,否则返回false

isUndefined(value)

检查value是否为undefined,是则返回true,否则返回false

isEmpty

lodash.isEmpty | Lodash中文文档 | Lodash中文网

检查 value 是否为一个空对象,集合,映射或者set。 判断的依据是除非是有枚举属性的对象,length 大于 0 的 arguments object, array, string 或类jquery选择器

是空对象则返回true,否则返回false

isString

www.lodashjs.com

检查 value 是否是原始字符串String或者对象,如果 value 为一个字符串,那么返回 true,否则返回 false