npm 包 lodash-backports 使用教程

前言

在前端开发中，经常使用到 JavaScript 数组和对象的操作。但是，由于浏览器的兼容性问题，有时候我们需要使用各种 polyfill 或者垫片，这样代码量会显得非常冗长。而 lodash-backports 这个 npm 包就是为了解决这个问题而从 lodash 中提取出来的一系列方法。

在本篇文章中，我们将会学习如何使用 lodash-backports，让你的代码更加简洁、优雅、高效。

安装

首先，你需要先安装 Node.js 和 npm。如果你已经安装了，可以在命令行中输入以下命令安装 lodash-backports：

npm install --save lodash-backports

使用

引入

在你的 JavaScript 文件中，你需要引入需要使用的方法。比如，如果你需要使用 lodash 的 _.isEqual 方法，你可以这样引入：

import { isEqual } from 'lodash-backports';

使用方法

使用方式和 lodash 的使用方式一致，比如：

let a = [1, 2, 3];
let b = [1, 2, 3];
console.log(isEqual(a, b)); // true

方法列表

lodash-backports 包含了从 lodash 中提取出来的一系列方法，这些方法涵盖了大部分常用的操作。下面是 lodash-backports 中常用的一些方法：

Array

• _.chunk(array, [size=1])
• _.compact(array)
• _.difference(array, [values])
• _.drop(array, [n=1])
• _.dropRight(array, [n=1])
• _.fill(array, value, [start=0], [end=array.length])
• _.findIndex(array, [predicate=_.identity], [fromIndex=0])
• _.findLastIndex(array, [predicate=_.identity], [fromIndex=array.length-1])
• _.flatten(array)
• _.flattenDeep(array)
• _.indexOf(array, value, [fromIndex=0])
• _.initial(array)
• _.intersection([arrays])
• _.join(array, [separator=','])
• _.last(array)
• _.pull(array, [values])
• _.remove(array, [predicate=_.identity])
• _.slice(array, [start=0], [end=array.length])
• _.sortedIndex(array, value)
• _.sortedLastIndex(array, value)
• _.tail(array)
• _.take(array, [n=1])
• _.takeRight(array, [n=1])
• _.union([arrays])
• _.uniq(array, [isSorted], [iteratee])
• _.without(array, [values])
• _.xor([arrays])
• _.zip([arrays])

Object

• _.defaults(object, [sources])
• _.get(object, path, [defaultValue])
• _.has(object, path)
• _.invert(object)
• _.keys(object)
• _.merge(object, [sources])
• _.omit(object, [props])
• _.pick(object, [props])
• _.set(object, path, value)
• _.values(object)

String

• _.camelCase(string)
• _.capitalize(string)
• _.deburr(string)
• _.endsWith(string, [target], [position=string.length])
• _.escape(string)
• _.kebabCase(string)
• _.lowerCase(string)
• _.lowerFirst(string)
• _.pad(string, [length=0], [chars=' '])
• _.padEnd(string, [length=0], [chars=' '])
• _.padStart(string, [length=0], [chars=' '])
• _.parseInt(string, [radix=10])
• _.repeat(string, [n=1])
• _.replace(string, pattern, replacement)
• _.snakeCase(string)
• _.split(string, [separator], [limit])
• _.startCase(string)
• _.startsWith(string, [target], [position=0])
• _.toLower(string)
• _.toUpper(string)
• _.trim(string, [chars=whitespace])
• _.trimEnd(string, [chars=whitespace])
• _.trimStart(string, [chars=whitespace])
• _.truncate(string, [options])
• _.unescape(string)
• _.upperCase(string)
• _.upperFirst(string)
• _.words(string, [pattern])

Util

• _.clone(value)
• _.cloneDeep(value)
• _.eq(value, other)
• _.isEqual(value, other)
• _.isFinite(value)
• _.isFunction(value)
• _.isNil(value)
• _.isNull(value)
• _.isNumber(value)
• _.isObject(value)
• _.isPlainObject(value)
• _.isRegExp(value)
• _.isString(value)
• _.isUndefined(value)

总结

本文为大家介绍了 lodash-backports 的基本使用方式和常用方法列表。如果你在日常开发中需要进行数组、对象、字符串等操作，那么使用 lodash-backports 可以大幅减少代码量，使代码更加简洁、优雅、高效。希望本文能对你有所帮助。

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