在前端开发中,我们需要经常使用各种不同的工具和库来简化代码编写,提高生产效率。本文将介绍一款 npm 包 min-util,它是一个简单、快速、实用的 JavaScript 工具库,提供了各种实用的方法和函数,如类型校验、时间日期处理、数组操作、字符串处理等等。
安装
安装 min-util 可以使用 npm 或者 yarn, 在终端中输入:
npm i min-util -S
yarn add min-util
使用
在使用中可以按以下方式引入:
import minUtil from 'min-util';
类型校验
min-util 封装了一些用于类型校验的方法,主要有以下几个:
- isFunction():判断是否是函数;
- isArray():判断是否是数组;
- isString():判断是否是字符串;
- isObject():判断是否是对象;
- isNumber():判断是否是数字。
示例代码:
import { isFunction, isArray, isString, isObject, isNumber } from 'min-util'; console.log(isFunction(() => {})); // true console.log(isArray([1, 2, 3])); // true console.log(isString('hello')); // true console.log(isObject({ a: 1 })); // true console.log(isNumber(123)); // true
时间日期处理
min-util 还提供了一些有用的时间日期处理函数。
- formatTime():格式化时间,比如:2022-01-01 12:00:00;
- formatDate():格式化日期,比如:2022-01-01;
- diffTime():计算时间差,比如计算 2022-01-01 12:00:00 和 2022-01-01 11:00:00 的时间差。
示例代码:
import { formatTime, formatDate, diffTime } from 'min-util'; console.log(formatTime(new Date())); // 2022-01-01 12:00:00 console.log(formatDate(new Date())); // 2022-01-01 console.log(diffTime('2022-01-01 12:00:00', '2022-01-01 11:00:00')); // 3600
数组操作
min-util 还提供了一些有用的数组操作函数。
- filterNull():过滤数组中的 null 或 undefined;
- uniqueArray():数组去重;
- flatten():数组扁平化。
示例代码:
import { filterNull, uniqueArray, flatten } from 'min-util'; console.log(filterNull([1, null, 3, undefined, 5])); // [1, 3, 5] console.log(uniqueArray([1, 2, 2, 3, 3, 4])); // [1, 2, 3, 4] console.log(flatten([1, [2, [3, 4], 5]])); // [1, 2, 3, 4, 5]
字符串处理
min-util 还提供了一些有用的字符串处理函数。
- trim():去除字符串两端的空白字符;
- unescapeHtml():将 HTML 实体解码为普通字符;
- mask():按指定模板脱敏字符串。
示例代码:
import { trim, unescapeHtml, mask } from 'min-util'; console.log(trim(' hello ')); // 'hello' console.log(unescapeHtml('<p>hello</p>')); // '<p>hello</p>' console.log(mask('15928462439', [3, 4, 4], '*')); // '159****2439'
总结
本文介绍了 min-util 这个 npm 包的基本使用方法和常用函数,它提供了很多实用的函数,可以方便地简化前端开发过程中的代码编写。当然在实际场景中还有很多需要结合具体需求和场景进行调用和扩展,希望本文能够为前端开发者提供参考和指导。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066f481d8e776d08041100