在前端开发中，我们经常需要使用一些工具函数来帮助我们快速开发。而 npm 包手册则是前端前辈们准备好的一些工具库。在这些 npm 包中，有一个名为 handy-js 的包，它提供了一些常用的工具函数，比如对象、数组、时间、字符串、数字等等处理函数。本教程将为大家分享关于 handy-js 的使用以及一些常用示例。
安装和使用
通过 npm 命令即可安装 handy-js 包：
npm install handy-js
在 JavaScript 中，开发者可导入 handy-js 的相应模块来使用对应的工具函数：
import { obj } from 'handy-js';
console.log(obj.isEmpty({})); // true对象操作
- obj.isEmpty(obj): 判断对象是否为空，返回 boolean 值。
- obj.valueCount(obj): 返回对象中键的值的数量。
- obj.equals(objA, objB): 判断两个对象是否相等，返回 boolean 值。
其中，判断对象是否相等需要引入深度判断，handy-js中使用的方法为递归比较两个对象的每个属性是否相等。
-- -------------------- ---- ------- ----- ---- - - ----- ------ ---- --- -- ----- ---- - - ----- ------ ---- --- -- ---------------------------- ------- -- ----
数组操作
- array.sum(): 返回数组内所有数字的和。
- array.shuffle(): 打乱数组元素的排序。
- array.clone(): 数组克隆复制。
const arr = [1, 2, 3, 4, 5]; console.log(arr.sum()); // 15 console.log(arr.shuffle()); // [3, 5, 1, 2, 4] console.log(arr.clone()); // [1, 2, 3, 4, 5]
数字操作
- num.toCommaString(): 将数字以千位分隔符的形式展示。
- num.limitLower(limit): 将数字最小值限定为传入参数，最小值以下则取 limit 值。
const num = 12345; console.log(num.toCommaString()); // "12,345" console.log(num.limitLower(10000)); // 12345 console.log(num.limitLower(20000)); // 20000
时间操作
- time.timeAgo(date): 处理时间戳，返回类似 '4小时前' 的中文字符串。
- time.timeTil(date): 处理时间戳，返回类似 '4小时后' 的中文字符串。
const t = new Date().getTime() - 2 * 60 * 60 * 1000; console.log(time.timeAgo(t)); // 2小时前 console.log(time.timeTill(t)); // 2小时后
字符串操作
- str.truncate(pos, len, truncation): 从字符串开头截取一段字符，如果需要省略，设置 truncation 参数为省略符号，默认省略符号为 "..."。
- str.prefixZero(num, n): 将 num 的位数限定为 n 位数，不足则在前面使用 0 进行填充。
const s = "1234567890abcdefghijklmnopqrstuvewxyz"; console.log(str.truncate(s, 10)); // "1234567..." console.log(str.prefixZero(123, 5)); // "00123"
总结
通过本文，我们学习了 handy-js 包的安装与使用，并且对其中的一些常用函数进行了介绍和示例演示。通过这些工具函数，我们能够更加便捷地完成个人项目的开发，并且在日常工作中用好这些函数也能提升开发效率，为我们带来更好的开发体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005643d81e8991b448e1611