Lodash的简单实用

560 阅读2分钟

1. ladash是什么?

lodash是一个一致性,模块化,高性能的JavaScript实用工具库。 Lodash 消除了处理数组的麻烦,从而简化了 JavaScript、 数字、对象、字符串等。 它的模块化方法非常适合:

  • 迭代数组,对象和字符串
  • 操作和测试值
  • 创建复合功能

2. 如何安装的

    npm i -g npm
    npm -i --save lodash

3. 为什么选择 Lodash ?

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

4. 模块格式

Lodash 提供 多种构建方式 和模块格式。

  • lodash & per method packages
  • lodash-es, babel-plugin-lodash
  • lodash-webpack-plugin
  • lodash/fp
  • lodash-amd

5. 数组array方法

1. _.chunk(array,[size=1])

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

引入版本:

3.0.0

array (Array): 需要处理的数组

[size=1] (number): 每个数组区块的长度

2. _.compact(array)

创建一个新数组,包含原数组中所有的非假值元素。例如false, null, 0, "", undefined, 和 NaN 都是被认为是“假值”。

引入版本 0.1.0

参数 array (Array): 待处理的数组

返回值 (Array): 返回过滤掉假值的新数组。

3. concat(array,[values])

创建一个新数组,将array与任何数组 或 值连接在一起。

引入版本 4.0.0

参数 array (Array): 被连接的数组。 [values] (...*): 连接的值。

返回值 (Array): 返回连接后的新数组。

4. _.drop(array,[n=1])

创建一个切片数组,去除array前面的n个元素。(n默认值为1。)

引入版本 0.5.0

参数 array (Array): 要查询的数组。

[n=1] (number): 要去除的元素个数。

返回值 (Array): 返回array剩余切片。

5. _.fill(array, value, [start=0], [end=array.length])

使用 value 值来填充(替换) array,从start位置开始, 到end位置结束(但不包含end位置)。

Note: 这个方法会改变 array(注:不是创建新数组)。

引入版本 3.2.0

参数:

array (Array): 要填充改变的数组。

value (*): 填充给 array 的值。

[start=0] (number): 开始位置(默认0)。

[end=array.length] (number):结束位置(默认array.length)。

返回值 (Array): 返回 array。