npm 包 z-util 使用教程

简介

z-util 是一个 npm 包，提供了一系列有用的 Javascript 工具函数，可用于前端开发中的各种场景。本文将介绍 z-util 的使用方法和一些实际应用场景。

安装

使用 npm 安装 z-util：

npm install z-util

使用

引入 z-util：

import zutil from 'z-util';

工具函数

以下是一些常用的工具函数及其使用方法。

1. 类型判断

• isDef(obj): 判断一个变量是否已定义。

console.log(zutil.isDef(undefined)); // -> false
console.log(zutil.isDef(null)); // -> true

• isObject(obj): 判断一个变量是否是对象类型。

console.log(zutil.isObject({})); // -> true
console.log(zutil.isObject(null)); // -> false

• isArray(arr): 判断一个变量是否是数组类型。

console.log(zutil.isArray([1, 2, 3])); // -> true
console.log(zutil.isArray({})); // -> false

• isString(str): 判断一个变量是否是字符串类型。

console.log(zutil.isString('hello world')); // -> true
console.log(zutil.isString(123)); // -> false

• isNumber(num): 判断一个变量是否是数字类型。

console.log(zutil.isNumber(123)); // -> true
console.log(zutil.isNumber('123')); // -> false

• isFunction(func): 判断一个变量是否是函数类型。

console.log(zutil.isFunction(() => {})); // -> true
console.log(zutil.isFunction({})); // -> false

2. 格式化

• formatCurrency(num): 将数字格式化成货币格式。

console.log(zutil.formatCurrency(1234567.89)); // -> 1,234,567.89

• formatDateTime(date, format): 将日期格式化成指定格式的字符串。

console.log(zutil.formatDateTime(new Date(), 'yyyy-MM-dd hh:mm:ss.S')); // -> 2021-05-10 14:30:00.000

3. 数组操作

• unique(array): 去除数组中的重复元素。

console.log(zutil.unique([1, 2, 3, 1, 2, 4])); // -> [1, 2, 3, 4]

• flatten(array): 将嵌套数组展开成一维数组。

console.log(zutil.flatten([1, [2, [3, 4], 5]])); // -> [1, 2, 3, 4, 5]

4. 其他工具

• sleep(ms): 暂停指定时间后执行后续代码。

console.log('start');
await zutil.sleep(1000); // 暂停 1s
console.log('end');

示例

import zutil from 'z-util';

// 使用 unique 函数去除数组中的重复元素
const arr = [1, 2, 3, 1, 2, 4];
const result = zutil.unique(arr);
console.log(result); // -> [1, 2, 3, 4]

总结

z-util 是一个非常实用的工具包，提供了丰富的工具函数帮助我们更方便地进行前端开发。希望本文介绍的内容能够对读者有所帮助。

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