npm 包 oh-lodash 使用教程

前言

在前端开发中，经常需要对数组和对象进行操作，而 JavaScript 提供的原生操作并不够便捷和高效。因此，第三方库成为了前端开发的必备品。其中，lodash 库是众多库中最为流行的之一。

但是，lodash 库较为庞大，整个库的体积较大。对于一批简单且常用的方法（如某些填充函数、类型判断等），使用完整的 lodash 库显然十分浪费。

因此，oh-lodash 库做出了相应的优化和删减，将常用的函数剥离出来作为独立的模块，以此来更好地满足前端开发的需求。

在本文中，我们将介绍如何安装 oh-lodash 库并展示其常用的几个函数。

安装

使用 npm 进行安装：

npm install oh-lodash --save-dev

安装完毕，使用以下代码载入：

// ES6-Module
import { chunk, isArray, unique } from 'oh-lodash'

// CommonJS
const { chunk, isArray, unique } = require('oh-lodash')

示例代码

接下来将展示 oh-lodash 中最常用的三个方法：chunk，isArray，unique。

chunk 方法

chunk 方法可以将一个数组按照指定的大小进行拆分。例如，将 [1, 2, 3, 4, 5] 以大小为2进行拆分，则返回 [[1, 2], [3, 4], [5]]。

import { chunk } from 'oh-lodash'

const arr = [1, 2, 3, 4, 5]
const result = chunk(arr, 2)
console.log(result) // [[1, 2], [3, 4], [5]]

isArray 方法

isArray 方法判断给定的值是否为数组。与原生的 Array.isArray 方法不同，isArray 方法对 ie8+ 均可用，且不会被识别出来。

import { isArray } from 'oh-lodash'

console.log(isArray([1, 2, 3])) // true
console.log(isArray('hello world')) // false

unique 方法

unique 方法可以去重一个数组。

import { unique } from 'oh-lodash'

const arr = [1, 1, 2, 3, 3, 4, 5]
const result = unique(arr)
console.log(result) // [1, 2, 3, 4, 5]

结语

通过使用 oh-lodash，我们得以在减少库体积和提高加载速度的同时，继续使用来自于 lodash 的常用、高效的方法。此外，在实际业务中，我们可以基于这些方法进行更高维度的操作，提高工作效率。

以上就是本次的 oh-lodash 使用教程，希望对您有所帮助！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005551281e8991b448d2474