雪之梦技术驿站
  • Summary
  • Tips
  • 运维部署
    • docker-advance
    • docker + Bark
    • docker + blog
    • docker compose
    • docker + crawlab
    • docker + email
    • docker 环境
    • docker + gitbook
    • docker + gitea
    • docker + gitlab
    • docker + gogs
    • docker + mojo-Weixin
    • docker + mysql
    • docker + nginx
    • docker 操作
    • docker + py12306
    • docker + redis
    • docker + resume
    • docker + springboot
    • docker + wechat-work-message-push-go
  • git
    • git 入门教程
    • base
      • 初识 git
      • 配置 git
      • 安装 git
  • github
    • github 入门教程
  • 晚安
  • markdown
    • README_update
  • todo
    • github 快速入门
    • android studio 快速入门
    • gitignore 快速入门
    • gulp快速入门
    • java 快速入门
    • lodash快速入门
    • maven 快速入门
    • mysql 快速入门
    • nginx 快速入门
    • npm 快速入门
    • nvm快速入门
    • regexper快速入门
    • sublime快速入门
    • svn 快速入门
    • tomcat 快速入门
    • yarn快速入门
  • write
    • 快速上手Mermaid流程图
  • gitbook
    • gitbook-plugin-advanced-emoji
      • LICENSE-IMAGES
      • LICENSE
Powered by GitBook
On this page
  • 为什么选择 Lodash
  • 安装
  • 使用
  • 数组 Array

Was this helpful?

  1. todo

lodash快速入门

Previousjava 快速入门Nextmaven 快速入门

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 分隔的字符串。|数组连接||

https://www.lodashjs.com/
lodash.chunk
lodash.compact
lodash.difference
lodash.difference
lodash.differenceBy
lodash.differenceWith
lodash.drop
lodash.dropRight
lodash.dropRightWhile
lodash.dropWhile
lodash.fill
lodash.findIndex
lodash.findLastIndex
lodash.head
lodash.last
lodash.indexOf
lodash.lastIndexOf
lodash.initial
lodash.intersection
lodash.intersectionBy
lodash.intersectionWith
lodash.join