lodash快速入门

Last updated 9 months ago

Was this helpful?

是一个一致性、模块化、高性能的 JavaScript 实用工具库。:

_.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });
// → { 'a': 1, 'b': 2 }
_.partition([1, 2, 3, 4], n => n % 2);
// → [[1, 3], [2, 4]]

为什么选择 Lodash

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

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

安装

浏览器环境

<script src="lodash.js"></script>

nodejs 环境

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');

使用

数组 Array

|推荐指数|方法|描述|备注|详情| |-:-|-:-|-:-|-:-|-:-| |★★★★★|_.chunk(array, [size=1])|将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。|大数组拆分成多个小数组|| ||_.compact(array)|创建一个新数组，包含原数组中所有的非假值元素。|非 false 数组|| ||_.concat(array, [values])|创建一个新数组，将array与任何数组或值连接在一起。|数组连接|| |★★★★★|_.difference(array, [values])|创建一个具有唯一array值的数组，每个值不包含在其他给定的数组中。|数组差集,直接比较.|| |★★★★★|_.differenceBy(array, [values], [iteratee=_.identity])|创建一个具有唯一array值的数组，每个值不包含在其他给定的数组中。|数组差集,迭代器比较.|| |★★★★★|_.differenceWith(array, [values], [comparator])|创建一个具有唯一array值的数组，每个值不包含在其他给定的数组中。|数组差集,迭代器比较.|| ||_.drop(array, [n=1])|创建一个切片数组，去除array前面的n个元素。|数组子集.|| ||_.dropRight(array, [n=1])|创建一个切片数组，去除array尾部的n个元素。|数组子集.|| ||_.dropRightWhile(array, [predicate=_.identity])|创建一个切片数组，去除array中从 predicate 返回假值开始到尾部的部分。|数组子集.|| ||_.dropWhile(array, [predicate=_.identity])|创建一个切片数组，去除array中从起点开始到 predicate 返回假值结束部分。|数组子集.|| ||_.fill(array, value, [start=0], [end=array.length])|使用 value 值来填充（替换） array，从start位置开始, 到end位置结束（但不包含end位置）。|填充数组.|| |★★★★★|_.findIndex(array, [predicate=_.identity], [fromIndex=0])|返回第一个通过 predicate 判断为真值的元素的索引值（index），而不是元素本身。|填充数组.|| |★★★★★|_.findLastIndex(array, [predicate=_.identity], [fromIndex=array.length-1])|返回第一个通过 predicate 判断为真值的元素的索引值（index），而不是元素本身。|填充数组.|| ||_.head(array)|获取数组 array 的第一个元素。||| ||_.last(array)|获取array中的最后一个元素。||| ||_.indexOf(array, value, [fromIndex=0])|使用 SameValueZero 等值比较，返回首次 value 在数组array中被找到的索引值，如果 fromIndex 为负值，将从数组array尾端索引进行匹配。||| ||_.lastIndexOf(array, value, [fromIndex=array.length-1])|从右到左遍历array的元素。||| ||_.initial(array)|获取数组array中除了最后一个元素之外的所有元素（注：去除数组array中的最后一个元素）。||| |★★★★★|_.intersection([arrays])|创建唯一值的数组，这个数组包含所有给定数组都包含的元素，使用 SameValueZero进行相等性比较。|数组交集.|| |★★★★★|_.intersectionBy([arrays], [iteratee=_.identity])|创建唯一值的数组，这个数组包含所有给定数组都包含的元素，使用 SameValueZero进行相等性比较。|数组交集.|| |★★★★★|_.intersectionWith([arrays], [comparator])|创建唯一值的数组，这个数组包含所有给定数组都包含的元素，使用 SameValueZero进行相等性比较。|数组交集.|| ||_.join(array, [separator=','])|将 array 中的所有元素转换为由 separator 分隔的字符串。|数组连接||