1. lodash快速入门

是一个一致性、模块化、高性能的 JavaScript 实用工具库。: https://www.lodashjs.com/

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

1.1. 为什么选择 Lodash

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

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

1.2. 安装

  • 浏览器环境
<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');

1.3. 使用

1.3.1. 数组 Array

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

https://snowdreams1006.github.io/snowdreams1006-wechat-open.png

results matching ""

    No results matching ""