Lodash.js学习(一)——初识Lodash

前言

Loash.js是一个一致性、模块化、高性能的 JavaScript 实用工具库。通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。

Lodash 的模块化方法 非常适用于：

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

---

因此，可以使用loash来快速的进行开发，通过相关的封装，这调用相关的方法即可得到自身想要的结果，而不必去考虑方法内部的复杂性。开发者可以直接根据官方文档进行具体的引入依赖即可开始lodash的开发之旅。

---

引入Lodash

使用Lodash.js需要引入Lodash.js开发包，一般常见有三种方式，具体如下：

1. js离线文件引入，直接在官网网站下载相关的lodash.js包，放在自己的开发项目中，然后在需要使用的文件中引入：<script src="lodash.js"></script>
2. cdn加速引入：一般使用bootcdn来直接在线引入，通过cdn加速文件下载访问：<script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.core.min.js"></script>
3. 直接通过依赖包注入，使用webpack或者glup的打包模式，可以直接在自己的项目中挂载lodash的依赖包，具体如下：

首先进行安装lodash依赖包

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

然后在项目中挂载依赖包(根据需要自行选择挂载即可)

// Load the full build.
var _ = require('lodash');
// Load the core build.
var _ = require('lodash/core');
// Load the FP build for immutable auto-curried iteratee-first data-last methods.
var fp = require('lodash/fp');
 
// Load method categories.
var array = require('lodash/array');
var object = require('lodash/fp/object');
 
// Cherry-pick methods for smaller browserify/rollup/webpack bundles.
var at = require('lodash/at');
var curryN = require('lodash/fp/curryN');

开始使用

引入相关的loash依赖后，就可以按照官方文档直接调用相关的方法，直接运行

1. _.chunk(array, [size=1])：按照size的大小来拆分array数组

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

_.chunk(['a', 'b', 'c', 'd'], 2);
// => [['a', 'b'], ['c', 'd']]
 
_.chunk(['a', 'b', 'c', 'd'], 3);
// => [['a', 'b', 'c'], ['d']]

2. _.compact(array)

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

_.compact([0, 1, false, 2, '', 3]);
// => [1, 2, 3]

3. _.concat(array, [values])

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

var array = [1];
var other = _.concat(array, 2, [3], [[4]]);
 
console.log(other);
// => [1, 2, 3, [4]]
 
console.log(array);
// => [1]

1. lodash官方文档
2. lodash的cdn加载地址：https://www.bootcdn.cn/lodash.js/
3. 下一篇： Lodash.js学习（二）——difference深度理解

欢迎伙伴们相互交流，讨论。