npm 包 plugit-util 是一款前端常用的工具库，提供了多种常用的函数方法，包括字符串处理、日期时间处理、类型判断、数组处理等等。在前后端开发中都有广泛的应用。本文将对 plugit-util 的使用进行详细说明，并附带示例代码。
安装
使用 npm 安装 plugit-util：
npm install plugit-util
使用
在项目中引入 plugit-util：
const plugitUtil = require('plugit-util')或者使用 ES6 模块导入：
import plugitUtil from 'plugit-util'
字符串处理
plugit-util 提供了多种字符串处理函数，包括字符串分割、大小写转换、填充等等。
字符串分割函数 splitBy
plugitUtil.splitBy(str, separator)
- str: 待分割字符串。
- separator: 分隔符。
示例代码：
const str = 'Hello World' const arr = plugitUtil.splitBy(str, ' ') console.log(arr) // ['Hello', 'World']
大小写转换函数 upperFirst 和 lowerFirst
plugitUtil.upperFirst(str) // 首字母大写 plugitUtil.lowerFirst(str) // 首字母小写
- str: 待转换字符串。
示例代码：
const str1 = 'hello world' const str2 = 'HELLO WORLD' console.log(plugitUtil.upperFirst(str1)) // 'Hello world' console.log(plugitUtil.lowerFirst(str2)) // 'hELLO WORLD'
字符串填充函数 padStart 和 padEnd
plugitUtil.padStart(str, len, fillStr) // 在字符串头部填充字符 plugitUtil.padEnd(str, len, fillStr) // 在字符串尾部填充字符
- str: 待填充字符串。
- len: 填充后的字符串长度。
- fillStr: 填充字符，默认为空格。
示例代码：
const str = 'hello' console.log(plugitUtil.padStart(str, 10, '0')) // '00000hello' console.log(plugitUtil.padEnd(str, 10, '*')) // 'hello******'
日期时间处理
plugit-util 提供了多种日期时间处理函数，包括日期格式化、时间戳转换、日期计算等等。
日期格式化函数 formatDate
plugitUtil.formatDate(date, fmt)
- date: 待格式化日期对象。
- fmt: 格式化字符串。
示例代码：
const date = new Date('2021-10-01')
console.log(plugitUtil.formatDate(date, 'yyyy-MM-dd')) // '2021-10-01'
console.log(plugitUtil.formatDate(date, 'yyyy年MM月dd日')) // '2021年10月01日'时间戳转换函数 timestampToDate
plugitUtil.timestampToDate(ts)
- ts: 时间戳。
示例代码：
const ts = 1633075200000 console.log(plugitUtil.timestampToDate(ts)) // '2021-10-01'
日期计算函数 addDays
plugitUtil.addDays(date, days)
- date: 待计算日期对象。
- days: 需要增加或减少的天数。
示例代码：
const date = new Date('2021-10-01')
console.log(plugitUtil.addDays(date, 7)) // '2021-10-08'
console.log(plugitUtil.addDays(date, -7)) // '2021-09-24'类型判断函数
plugit-util 提供了多种类型判断函数，包括判断是否为数组、对象等等。
判断是否为数组 isArray
plugitUtil.isArray(val)
- val: 待判断值。
示例代码：
console.log(plugitUtil.isArray([1, 2, 3])) // true
console.log(plugitUtil.isArray('str')) // false判断是否为对象 isObject
plugitUtil.isObject(val)
- val: 待判断值。
示例代码：
console.log(plugitUtil.isObject({name: 'John'})) // true
console.log(plugitUtil.isObject([])) // false数组处理函数
plugit-util 提供了多种数组处理函数，包括数组去重、数组合并、数组过滤等等。
数组去重函数 unique
plugitUtil.unique(arr)
- arr: 待去重数组。
示例代码：
console.log(plugitUtil.unique([1, 2, 3, 1, 2, 3])) // [1, 2, 3]
数组合并函数 merge
plugitUtil.merge(arr1, arr2)
- arr1: 待合并数组1。
- arr2: 待合并数组2。
示例代码：
console.log(plugitUtil.merge([1, 2], [3, 4])) // [1, 2, 3, 4]
数组过滤函数 filter
plugitUtil.filter(arr, callback)
- arr: 待过滤数组。
- callback: 回调函数，用于判断每个元素是否满足条件。
示例代码：
const arr = [1, 2, 3, 4, 5] console.log(plugitUtil.filter(arr, item => item > 3)) // [4, 5]
总结
以上是使用 npm 包 plugit-util 需要掌握的常见方法，能够帮助你在前端开发中更加便利地进行字符串处理、日期时间处理、类型判断、数组处理等等。在实际开发中，可以根据需要灵活运用这些方法，提高开发效率、减少出错率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600563d481e8991b448e12c8