JS库--lodash.js

怼烎@ 2022-12-14 13:43 762阅读 0赞

原文网址：[JS库--lodash.js\_IT利刃出鞘的博客-CSDN博客][JS_--lodash.js_IT_-CSDN]

# 简介 #

**其他网址**

> [不懂JS的实用工具库Lodash，怎么敢说自己会JS ?\_huangfuyk.的博客-CSDN博客][JS_Lodash_JS _huangfuyk._-CSDN]  
> [lodash.js (v0.1.0) BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务][lodash.js _v0.1.0_ BootCDN - Bootstrap _ CDN]

**简介**

> 官方文档上的定义：
> 
> Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：
> 
>  *  遍历 array、object 和 string
>  *  对值进行操作和检测
>  *  创建符合功能的函数

> Lodash就是这样的一个工具库，方便我们在日常的开发中对数据的操作，特别是数组和对象的各种读写等操作，比如去重，拷贝，合并，过滤，求交集，求和等等，提高开发效率。

**下载与安装法1：先下载后导入**

> **下载**
> 
> 法1：WS下载
> 
> File=> Settings=> Languages&Frameworks=> Node.js and NPM=> 右侧“+”/“-”=> 可安装/删除 库 
> //会直接下载到本项目文件夹里
> 
> 法2：下载地址：[Lodash 中文文档 | Lodash 中文网][Lodash _ _ Lodash]
> 
> **导入**
> 
> 将lodash.js放到自己项目中
> 
> 浏览器导入方法：
> 
> <script src="lodash.js所在本项目的文件夹/lodash.js">< /script>
> 
> Node.js导入方法：
> 
> // 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');

**下载与安装法2：使用在线地址**

> cdn方式引入：一般使用[bootcdn][lodash.js _v0.1.0_ BootCDN - Bootstrap _ CDN]来直接在线引入，然后通过cdn加速文件下载访问：
> 
> < script src="https://cdn.bootcss.com/lodash.js/4.17.15/lodash.core.min.js">< /script >

# 使用综述 #

**其他网址**

> [Lodash 中文文档 | Lodash 中文网][Lodash _ _ Lodash]（官网 **有详细的实例**）
> 
> [lodash.js工具库 常用整理\_没有翅膀的我们，只是随便认为不能飞而已-CSDN博客][lodash.js_ _-CSDN]  
> [lodash库方法说明\_宅神的博客-CSDN博客][lodash_-CSDN]

# 数组 #

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> 方法 </td> 
 <td style="vertical-align:top;width:180.15pt;"> 作用 </td> 
 <td style="vertical-align:top;width:301.65pt;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 查 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> head(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回array的第一个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> last(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 获取array最后一个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> nth(array, n) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 获取第n个元素, n可以为负数 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> sortedIndex(array, value) </td> 
 <td style="vertical-align:top;width:180.15pt;"> value可以插入已排序数组array的位置，返回索引 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> xor([arrays]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回多个数组的唯一值 </td> 
 <td style="vertical-align:top;width:301.65pt;"> ([2,1],[2,3]) =&gt; [1,3] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> findIndex(array, value) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 查value, 返回第一个匹配值的索引 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const f = [ &nbsp;&nbsp;{ 'user': 'barney', &nbsp;'active': false }, &nbsp;&nbsp;{ 'user': 'fred', &nbsp;&nbsp;&nbsp;'active': false }, &nbsp;&nbsp;{ 'user': 'pebbles', 'active': true } ]; const g = _.findIndex(f, function(o) { return o.user == 'barney'; }); console.log(g) // 0 const h = _.findIndex(f, { 'user': 'fred', 'active': false }); console.log(h) // 1 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> slice(array, [start], [end]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 裁剪数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> drop(array, [n=1]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 切片， n是要去除的元素个数 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> dropRigth(array, [n=1]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 切片 去除尾部元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> take(array, [n=1]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 切片 从头开始取n个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> takeRight(array, [n=1]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 切片 从尾部开始提取n个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> chunk(array, [size]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 将array拆分成多个size长度的区块 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const a =_.chunk(['a', 'b', 'c', 'd'], 2); console.log(a) &nbsp;// [['a', 'b'], ['c', 'd']] // size=2 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> compact(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回不包含（false,null,NaN, undefined,0,''）的真数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const b =_.compact([0, 1, false, 2, '', 3]); console.log(b) &nbsp;// [1, 2, 3] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> concat(array, [values]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 合并数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const c = [1]; var d = _.concat(c, 2, [3], [[4]]); console.log(d) &nbsp;// [ 1, 2, 3, [ 4 ] ] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> fill(array, value, [start], [end]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 用value值填充数组 会改变原数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> reverse(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 反转数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> intersection([arrays]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回多个数组的交集 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> difference(array, [values]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回非交集数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const e = _.difference([3, 2, 1], [4, 2]); console.log(e) // [3, 1] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> union([arrays]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 多个数组的并集(已去重) </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> uniq(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 去重数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const l =_.uniq([2, 1, 2]); console.log(l) // [2, 1] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> flatten(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 减少一级array嵌套深度 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> flattenDeep(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> array递归为一维数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> flattenDepth(array, [depth]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 减少depth层嵌套 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const i = [1, [2, [3, [4]], 5]]; const j = _.flattenDepth(i, 1); console.log(j) // [1, 2, [3, [4]], 5] const k = _.flattenDepth(i, 2); console.log(k) // [1, 2, 3, [4], 5] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> fromPairs(pairs) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 键值对数组改为对象。 </td> 
 <td style="vertical-align:top;width:301.65pt;"> [['fred', 30]] =&gt; {'fred':30} </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 删 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> tail(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 去除array第一个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> initial(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 去除array最后一个元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> pull(array, [values]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 去除array中等于value的值 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> pullAll(array, values) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 类似pull 接收values数组 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> pullAt(array, [indexs]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 原数组上移除索引为indexs的元素 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> remove(array, func) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 原数组上移除满足func返回条件的值 </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> without(array, [values]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 返回剔除values后的新array </td> 
 <td style="vertical-align:top;width:301.65pt;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 打包与拆包 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> zip([arrays]) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 长度相同的数组打包 </td> 
 <td style="vertical-align:top;width:301.65pt;"> const m=_.zip(['fred', 'barney'], [30, 40], [true, false]); console.log(m) // &nbsp;[['fred', 30, true], ['barney', 40, false]] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> unzip(array) </td> 
 <td style="vertical-align:top;width:180.15pt;"> 对数组进行拆分（打包的反向） </td> 
 <td style="vertical-align:top;width:301.65pt;"> ([1,2,3],[4,5,6])=&gt; [[1,4],[2,5],[3,6]] </td> 
 </tr> 
 </tbody> 
</table>

# **集合** #

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> 方法 </td> 
 <td style="vertical-align:top;width:264px;"> 作用 </td> 
 <td style="vertical-align:top;width:376px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 计数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> countBy(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 计数 </td> 
 <td style="vertical-align:top;width:376px;"> (['one', 'two', 'three'], 'length') =&gt; {'3':2, '5':1} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> size(coll) </td> 
 <td style="vertical-align:top;width:264px;"> 数组返回元素个数，字符串返回字符长度，集合返回可遍历值个数 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 检查 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> every(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 判断是否都为真但会对空集合返回true </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> some(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 有真则返回true </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> includes(coll, value, [fromIndex]) </td> 
 <td style="vertical-align:top;width:264px;"> 检查value是否在collection中，fromIndex为起始位置,返回布尔值 </td> 
 <td style="vertical-align:top;width:376px;"> const w = _.includes([1, 2, 3], 1); console.log(w) // &nbsp;true const x = _.includes([1, 2, 3], 1, 2); console.log(x) // false </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 过滤 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> filter(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 过滤 返回判断为真的新数组 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> reject(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 与filter相反，返回非真新数组 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 查找 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> find(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 返回第一个判断为真的第一个元素 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> findLast(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 类似于find，自右向左 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 扁平化 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> flatMap(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 返回扁平化后的数组 </td> 
 <td style="vertical-align:top;width:376px;"> ([1,2], (n)=&gt;[n,n]) =&gt; [1,1,2,2] </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> flatMapDeep(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 深度扁平化 </td> 
 <td style="vertical-align:top;width:376px;"> ([1,2], (n)=&gt;[[n,n]]) =&gt; [1,1,2,2] </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 遍历 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> forEach/each(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 遍历 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:172pt;">映射</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> invokeMap(coll, path, [args]) </td> 
 <td style="vertical-align:top;width:264px;"> 调用path的方法遍历coll，args为参数 </td> 
 <td style="vertical-align:top;width:376px;"> ([123,456], String.property.split, '') =&gt; (['1','2','3'],['4','5','6']) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> map(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 遍历coll后返回新的结果 </td> 
 <td style="vertical-align:top;width:376px;"> function square(n) { &nbsp; return n * n; } &nbsp; const y = _.map([4, 8], square); console.log(y) // &nbsp;[16, 64] &nbsp; const aa = _.map({ 'a': 4, 'b': 8 }, square); console.log(aa) // &nbsp;[16, 64] const ab = [ &nbsp; { 'user': 'barney' }, &nbsp; { 'user': 'fred' } ]; const ac = _.map(ab, 'user'); console.log(ac) // &nbsp;['barney', 'fred'] </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 排序 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> orderBy(coll, [func], [orders]) </td> 
 <td style="vertical-align:top;width:264px;"> 排序 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> sortBy(coll, [func]) </td> 
 <td style="vertical-align:top;width:264px;"> 升序排序 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> sample(coll) </td> 
 <td style="vertical-align:top;width:264px;"> 返回随机元素 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> sampleSize(coll, n) </td> 
 <td style="vertical-align:top;width:264px;"> 返回n个随机元素 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> shuffle(coll) </td> 
 <td style="vertical-align:top;width:264px;"> 打乱集合顺序 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:172pt;">收集</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> keyBy(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 与groupBy类似， 不过每个key为func返回的值 </td> 
 <td style="vertical-align:top;width:376px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;"> groupBy(coll, func) </td> 
 <td style="vertical-align:top;width:264px;"> 分组聚合 </td> 
 <td style="vertical-align:top;width:376px;"> (['one', 'two', 'three'], 'length') =&gt; {'3': ['one', 'two'], '5': ['three']} </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;">partition(coll, [func])</td> 
 <td style="vertical-align:top;width:264px;">创建一个分为两组的元素数组， 分别为结果为true和结果为false</td> 
 <td style="vertical-align:top;width:376px;"> var users = [ &nbsp; { 'user': 'barney', &nbsp;'age': 36, 'active': false }, &nbsp; { 'user': 'fred', &nbsp; &nbsp;'age': 40, 'active': true }, &nbsp; { 'user': 'pebbles', 'age': 1, &nbsp;'active': false } ]; _.partition(users, function(o) { return o.active; }); // =&gt; objects for [['fred'], ['barney', 'pebbles']] </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:172pt;">压缩</td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;">reduce(coll, [func], [accumulator])</td> 
 <td style="vertical-align:top;width:264px;">压缩 collection（集合）为一个值</td> 
 <td style="vertical-align:top;width:376px;"></td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:260px;">reduceRight(coll, [func], [accumulator])</td> 
 <td style="vertical-align:top;width:264px;">类似reduce, 自右向左</td> 
 <td style="vertical-align:top;width:376px;">_.reduce({ 'a': 1, 'b': 2, 'c': 1 }, function(result, value, key) { &nbsp; (result[value] || (result[value] = [])).push(key); &nbsp; return result; }, {}); // =&gt; { '1': ['a', 'c'], '2': ['b'] }</td> 
 </tr> 
 </tbody> 
</table>

# 函数 #

<table style="width:683px;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> 方法 </td> 
 <td style="vertical-align:top;width:346.6pt;"> 作用 </td> 
 <td style="vertical-align:top;width:69px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:680px;"> 调用次数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> after(n, func) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 创建一个函数，被调用n次后，执行func </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> before(n, func) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 调用func函数次数不超过n次的函数， 超过之后返回最后一次调用的结果 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:680px;"> 限制参数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> ary(func, [n]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 创建一个调用func的函数, n为func参数长度 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> bindKey(object, key, [partials]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 创建一个函数，在object[key]上通过接收partials附加参数，调用这个方法， 允许重新定义绑定函数即使它还不存在 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:680px;"> 柯里化 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> curry(func, [arity=func.length]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 柯里化函数(笔试常考题) </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> curryRight(func, [arity=func.length]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 柯里化函数，参数顺序自右向左 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:680px;"> 防抖与节流 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> debounce(func, [wait], [options={}]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 防抖函数，func调用后等待wait毫秒后执行, options为附加参数 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> throttle(func, [wait=0], [options={}]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 节流函数，wait秒内最多执行func一次 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:680px;"> 其他 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> defer(func, [args]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 推迟调用， 附加参数args会传给func </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> delay(func, wait, [args]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 延迟wait毫秒后调用func </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> flip(func) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 翻转func参数 返回新的函数 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> memoize(func, [resolver]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 缓存func结果 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> negate(predicate) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 对断言函数(返回值为true/false)结果取反 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> once(func) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 返回只能调用func一次的函数，重复调用返回第一次调用结果 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> overArgs(func, [transforms]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> func参数为transforms的返回值 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> rest(func, [start]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 除start外，其他参数作为数组传入， 类似于apply </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> spread(func, [start=0]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 参数作为数组传入 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> unary(func) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 返回一个最多接收一个参数的函数， 忽略多余参数 </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:172pt;"> wrap(value, [wrapper=identity]) </td> 
 <td style="vertical-align:top;width:346.6pt;"> 创建一个函数,value包装在wrapper函数的第一个参数里， 附加参数给wrapper </td> 
 <td style="vertical-align:top;width:69px;"> </td> 
 </tr> 
 </tbody> 
</table>

# 语言 #

<table style="width:669px;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> 方法 </td> 
 <td style="vertical-align:top;width:395px;"> 作用 </td> 
 <td style="vertical-align:top;width:73px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:666px;"> 转为数组 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> castArray(value) </td> 
 <td style="vertical-align:top;width:395px;"> 强制转换为数组 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toArray(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换value为数组 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:666px;"> 转为数字 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toFinite(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换为有限数字 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toInteger(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换为一个整数 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toLength(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换为可以用作数组长度的整数 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toNumer(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换为一个数字 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toSafeInteger(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转换为安全整数 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:666px;"> 转为对象 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toPlainObject(value) </td> 
 <td style="vertical-align:top;width:395px;"> 转为普通对象 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> toString(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> 拷贝 </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> clone(value) </td> 
 <td style="vertical-align:top;width:395px;"> 浅拷贝 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> cloneDeep(value) </td> 
 <td style="vertical-align:top;width:395px;"> 深拷贝 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:666px;"> 比较 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> conformsTo(object, source) </td> 
 <td style="vertical-align:top;width:395px;"> 检查object是否符合 source_.conformsTo({'a':1}, {'a': o=&gt;o&gt;1}) // false </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> eq(value, other) </td> 
 <td style="vertical-align:top;width:395px;"> 比较value与other值是否相等 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> gt(value, other) </td> 
 <td style="vertical-align:top;width:395px;"> 大于 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> lt(value, other) </td> 
 <td style="vertical-align:top;width:395px;"> 小于 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> lte(v, o) </td> 
 <td style="vertical-align:top;width:395px;"> 小于等于 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> gte(value, other) </td> 
 <td style="vertical-align:top;width:395px;"> 大于等于 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isEqual(value, other) </td> 
 <td style="vertical-align:top;width:395px;"> 深比较值完全相等 不比较类型 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:666px;"> 判断类型 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isArguments(value) </td> 
 <td style="vertical-align:top;width:395px;"> value是否是类arguments对象 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isArray(value) </td> 
 <td style="vertical-align:top;width:395px;"> 判断是否为array </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isArrayBuffer(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isBoolean(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isBuffer(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isDate(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isElement(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isEmpty(value) </td> 
 <td style="vertical-align:top;width:395px;"> 检查 value 是否为一个空对象，集合，映射或者set </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isArrayLike(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是类数组 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isArrayLikeObject(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是类数组对象 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isFinite(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是有限数值 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isFunction(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isInteger(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isLength(value) </td> 
 <td style="vertical-align:top;width:395px;"> 检查 value 是否为有效的类数组长度 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isMap(value) </td> 
 <td style="vertical-align:top;width:395px;"> 检查 value 是否为一个 Map 对象。 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isNaN(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isNative(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是一个原生函数 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isNil(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是null或undefined </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isNull(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是null </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isNumber(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isString(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isSymbol(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isUndefined(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isSet(value) </td> 
 <td style="vertical-align:top;width:395px;"> 检查 value 是否是一个Set对象。 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isObject(value) </td> 
 <td style="vertical-align:top;width:395px;"> </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isObjectLike(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是类对象 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isPlainObject(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否是普通对象。 也就是说该对象由 Object 构造函数创建，或者 [[Prototype]] 为 null </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:199px;"> isRegExp(value) </td> 
 <td style="vertical-align:top;width:395px;"> 是否为RegExp对象 </td> 
 <td style="vertical-align:top;width:73px;"> </td> 
 </tr> 
 </tbody> 
</table>

# 数学 #

<table style="width:640px;"> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> 方法 </td> 
 <td style="vertical-align:top;width:321px;"> 作用 </td> 
 <td style="vertical-align:top;width:74px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:637px;"> 舍入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> ceil(number, [precision]) </td> 
 <td style="vertical-align:top;width:321px;"> 按precision（精度）向上舍入number </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> floor(number, [precision]) </td> 
 <td style="vertical-align:top;width:321px;"> 向下舍入number </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> round(number, [precision]) </td> 
 <td style="vertical-align:top;width:321px;"> 四舍五入 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> sumBy(array, func) </td> 
 <td style="vertical-align:top;width:321px;"> 按precision（精度）向上舍入number </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;width:637px;"> 其他 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> add(augend, addend) </td> 
 <td style="vertical-align:top;width:321px;"> 两数相加 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> divide() </td> 
 <td style="vertical-align:top;width:321px;"> 两数相除 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> max(array) </td> 
 <td style="vertical-align:top;width:321px;"> </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> maxBy(array, func) </td> 
 <td style="vertical-align:top;width:321px;"> func为排序标准 对数组中对象求最值 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> mean(array) </td> 
 <td style="vertical-align:top;width:321px;"> 平均值 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> meanBy(array, func) </td> 
 <td style="vertical-align:top;width:321px;"> 数组中对象求均值 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> min(array) </td> 
 <td style="vertical-align:top;width:321px;"> </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> minBy(array, func) </td> 
 <td style="vertical-align:top;width:321px;"> </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> multiply(a,b) </td> 
 <td style="vertical-align:top;width:321px;"> 求a,b乘积 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> subtract(a,b) </td> 
 <td style="vertical-align:top;width:321px;"> 两数相减 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:233px;"> sum(array) </td> 
 <td style="vertical-align:top;width:321px;"> 总和 </td> 
 <td style="vertical-align:top;width:74px;"> </td> 
 </tr> 
 </tbody> 
</table>

# 数字 #

# 对象 #

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> 方法 </td> 
 <td style="vertical-align:top;width:489px;"> 作用 </td> 
 <td style="vertical-align:top;width:58px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> 分配 </td> 
 <td style="vertical-align:top;width:489px;"> </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> assign(object,[sources]) </td> 
 <td style="vertical-align:top;width:489px;"> 分配source对象的可枚举属性到object上 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> assignIn(object,[sources]) </td> 
 <td style="vertical-align:top;width:489px;"> 类似于assign，会遍历源对象 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 其他 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> at(object, [paths]) </td> 
 <td style="vertical-align:top;width:489px;"> 创建一个数组，值来自object的paths路径对应的值 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> create(protoptype, [properties]) </td> 
 <td style="vertical-align:top;width:489px;"> 返回继承protoptype对象的新对象 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> defaults(object, [sources]) </td> 
 <td style="vertical-align:top;width:489px;"> 分配来源对象的可枚举属性到目标对象所有解析为 undefined 的属性上。 来源对象从左到右应用。 一旦设置了相同属性的值，后续的将被忽略掉。 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> findKey(object, [func]) </td> 
 <td style="vertical-align:top;width:489px;"> 返回最先被判断为真的元素key </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> findLastKey(object, [func]) </td> 
 <td style="vertical-align:top;width:489px;"> 类似于findKey, 反向遍历 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> forIn(object, [func]) </td> 
 <td style="vertical-align:top;width:489px;"> 遍历object </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:164.25pt;"> forInRight(object, [func]) </td> 
 <td style="vertical-align:top;width:489px;"> 分配source对象的可枚举属性到object上 </td> 
 <td style="vertical-align:top;width:58px;"> </td> 
 </tr> 
 </tbody> 
</table>

# 字符串 #

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> 方法 </td> 
 <td style="vertical-align:top;width:436px;"> 作用 </td> 
 <td style="vertical-align:top;width:86px;"> 示例 </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 大小写 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> camelCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 字符串转为驼峰写法 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> kebabCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 以-分开单词并小写kebabCase </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> lowerCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 以空格分开单词并小写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> upperCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 以空格分开单词并大写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> snakeCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 以_分开单词并小写snakeCase </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> startCase(string) </td> 
 <td style="vertical-align:top;width:436px;"> 首字母大写并以空格分隔单词,原string为全大写则不变'Foo Bar' </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> lowerFirst(string) </td> 
 <td style="vertical-align:top;width:436px;"> string首字母小写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> upperFirst(string) </td> 
 <td style="vertical-align:top;width:436px;"> string首字母大写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> capitalize(string) </td> 
 <td style="vertical-align:top;width:436px;"> 字符串首字母转为大写，其他为小写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> deburr(string) </td> 
 <td style="vertical-align:top;width:436px;"> 转换string中的字母为基本的拉丁字母，去除变音标记 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> toLower(string) </td> 
 <td style="vertical-align:top;width:436px;"> 整个string转为小写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> toUpper(string) </td> 
 <td style="vertical-align:top;width:436px;"> 全大写 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 移除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> trim(string, [chars]) </td> 
 <td style="vertical-align:top;width:436px;"> 移除前面或后面的空格或指定字符 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> trimEnd(string, [chars]) </td> 
 <td style="vertical-align:top;width:436px;"> 移除后面的空格或指定字符 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> trimStart(string, [chars]) </td> 
 <td style="vertical-align:top;width:436px;"> 移除前面的空格或指定字符 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> truncate(string, [options={}]) </td> 
 <td style="vertical-align:top;width:436px;"> 超出options.length截断字符串, 截断后超出部分显示options.omission（默认为...） </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 转换HTML </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> unescape(string) </td> 
 <td style="vertical-align:top;width:436px;"> 转换string字符串中的 HTML 实体 &amp;, &lt;, &gt;, ", &amp; </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td colspan="3" style="vertical-align:top;"> 其他 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> startsWith(string, target, position) </td> 
 <td style="vertical-align:top;width:436px;"> 检查字符串string是否以 target 开头 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> endsWith(string, target, position) </td> 
 <td style="vertical-align:top;width:436px;"> 检查字符串string是否以给定的target字符串结尾 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> escape(string) </td> 
 <td style="vertical-align:top;width:436px;"> 转义string中的"&amp;", "&lt;", "&gt;", '"', "'", 和 "`" 字符为HTML实体字符 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> escapeRegExp(string) </td> 
 <td style="vertical-align:top;width:436px;"> 转义 RegExp 字符串中特殊的字符 "^", "$", "", ".", "*", "+", "?", "(", ")", "[", "]", "{", "}", 和 "|" '. </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> pad(string, length, [chars='']) </td> 
 <td style="vertical-align:top;width:436px;"> 如果string长度小于length，则从左右侧填充chars字符 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> padEnd(string,lenght,[chars='']) </td> 
 <td style="vertical-align:top;width:436px;"> 右侧填充 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> padStart(string,length,[chars='']) </td> 
 <td style="vertical-align:top;width:436px;"> 左侧填充 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> repeat(string, [n=1]) </td> 
 <td style="vertical-align:top;width:436px;"> 重复n次给定字符串 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> split(string, separator, limit) </td> 
 <td style="vertical-align:top;width:436px;"> 拆分 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> replace(string, pattern, replacement) </td> 
 <td style="vertical-align:top;width:436px;"> 替换string字符串中匹配的pattern为给定的replacement </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:243px;"> words(string, pattern) </td> 
 <td style="vertical-align:top;width:436px;"> 拆分string中的词为数组 </td> 
 <td style="vertical-align:top;width:86px;"> </td> 
 </tr> 
 </tbody> 
</table>

template

template(string, options)
 // 创建一个预编译模板方法，可以插入数据到模板中 "interpolate" 分隔符相应的位置。 HTML会在 "escape" 分隔符中转换为相应实体。 在 "evaluate" 分隔符中允许执行JavaScript代码。 在模板中可以自由访问变量。 如果设置了选项对象，则会优先覆盖 _.templateSettings 的值。
 
 // 使用 "interpolate" 分隔符创建编译模板
 var compiled = _.template('hello <%= user %>!');
 compiled({ 'user': 'fred' });
 // => 'hello fred!'
 
 // 使用 HTML "escape" 转义数据的值
 var compiled = _.template('<%- value %>');
 compiled({ 'value': '<script>' });
 // => '<script>'
 
 // 使用 "evaluate" 分隔符执行 JavaScript 和 生成HTML代码
 var compiled = _.template('<% _.forEach(users, function(user) { %><li><%- user %></li><% }); %>');
 compiled({ 'users': ['fred', 'barney'] });
 // => '<li>fred</li><li>barney</li>'
 
 // 在 "evaluate" 分隔符中使用内部的 `print` 函数
 var compiled = _.template('<% print("hello " + user); %>!');
 compiled({ 'user': 'barney' });
 // => 'hello barney!'
 
 // 使用 ES 分隔符代替默认的 "interpolate" 分隔符
 var compiled = _.template('hello ${ user }!');
 compiled({ 'user': 'pebbles' });
 // => 'hello pebbles!'
 
 // 使用自定义的模板分隔符
 _.templateSettings.interpolate = /{
 {([\s\S]+?)}}/g;
 var compiled = _.template('hello {
 { user }}!');
 compiled({ 'user': 'mustache' });
 // => 'hello mustache!'
 
 // 使用反斜杠符号作为纯文本处理
 var compiled = _.template('<%= "\\<%- value %\\>" %>');
 compiled({ 'value': 'ignored' });
 // => '<%- value %>'
 
 // 使用 `imports` 选项导入 `jq` 作为 `jQuery` 的别名
 var text = '<% jq.each(users, function(user) { %><li><%- user %></li><% }); %>';
 var compiled = _.template(text, { 'imports': { 'jq': jQuery } });
 compiled({ 'users': ['fred', 'barney'] });
 // => '<li>fred</li><li>barney</li>'
 
 // 使用 `sourceURL` 选项指定模板的来源URL
 var compiled = _.template('hello <%= user %>!', { 'sourceURL': '/basic/greeting.jst' });
 compiled(data);
 // => 在开发工具的 Sources 选项卡 或 Resources 面板中找到 "greeting.jst"
 
 // 使用 `variable` 选项确保在编译模板中不声明变量
 var compiled = _.template('hi <%= data.user %>!', { 'variable': 'data' });
 compiled.source;
 // => function(data) {
 // var __t, __p = '';
 // __p += 'hi ' + ((__t = ( data.user )) == null ? '' : __t) + '!';
 // return __p;
 // }
 
 // 使用 `source` 特性内联编译模板
 // 便以查看行号、错误信息、堆栈
 fs.writeFileSync(path.join(cwd, 'jst.js'), '\
 var JST = {\
 "main": ' + _.template(mainText).source + '\
 };\
 ');

[JS_--lodash.js_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109064063
[JS_Lodash_JS _huangfuyk._-CSDN]: https://blog.csdn.net/weixin_42881768/article/details/105372603
[lodash.js _v0.1.0_ BootCDN - Bootstrap _ CDN]: https://www.bootcdn.cn/lodash.js/
[Lodash _ _ Lodash]: https://www.lodashjs.com/
[lodash.js_ _-CSDN]: https://blog.csdn.net/weixin_44420276/article/details/103749065
[lodash_-CSDN]: https://blog.csdn.net/weixin_42042680/article/details/102905268