在前端开发中，我们经常需要使用一些常用的库或框架，而 npm 是一个常用的包管理器。npm 包 donutjs 是一个非常好用的轻量级 JavaScript 工具库，它可以帮助我们轻松地处理字符串、数字、日期等数据类型，并提供了一些常用的工具函数，极大地提高了我们的开发效率。
安装
不出意外，你已经安装了 npm。打开终端，输入以下命令安装 donutjs：
npm install donutjs
如果你在开发时使用了 webpack、rollup 等构建工具，也可以将其作为依赖项安装：
npm install donutjs --save
使用
在安装好包之后，我们就可以在项目中引入 donutjs：
import donut from 'donutjs';
或者在 window 全局对象下使用：
const donut = window.donut;
常见用法
处理字符串
字符串截断
donut.truncateString('hello, donutjs!', 5); // 'hello...'字符串首字母大写
donut.capitalize('hello'); // 'Hello'
donut.capitalize('hello, world!'); // 'Hello, world!'字符串中的每个单词首字母大写
donut.titleCase('hello world'); // 'Hello World'处理数字
数字取整
donut.floor(3.1415); // 3 donut.ceil(3.1415); // 4
数字范围限制
donut.clamp(50, 10, 30); // 30
处理日期
时间戳转日期
donut.timestampToDate(86400000); // Fri Jan 02 1970 08:00:00 GMT+0800 (中国标准时间)
日期格式化
donut.formatDate(new Date(), 'YYYY-MM-DD hh:mm:ss'); // '2022-01-02 21:20:35'
深入
上面介绍的只是 donutjs 的一部分常见用法，下面将介绍 donutjs 的更多实用方法。
数组方法
数组求和
donut.sum([1, 2, 3, 4]); // 10
数组去重
donut.unique([1, 2, 2, 3, 4, 4]); // [1, 2, 3, 4]
数组分组
donut.groupBy([1, 2, 3, 4, 5], num => num % 2); // {0: [2, 4], 1: [1, 3, 5]}对象方法
深度克隆
-- -------------------- ---- -------
----- --- - -
----- ----------
---- --
----- -
------- ----------
-------- -----
-
--
----- ------ - ---------------------
------------------ - ----------
----------------------------- -- ---------
-------------------------------- -- ---------对象合并
-- -------------------- ---- -------
----- ---- - -
----- ----------
---- -
--
----- ---- - -
----- -
------- ----------
-------- -----
-
--
----- ------ - --------------------- ------
-------------------- -- ------ ---------- ---- -- ----- -------- ---------- -------- -------函数方法
防抖
当用户在短时间内频繁触发同一事件时，只执行一次调用。
window.addEventListener('resize', donut.debounce(() => {
console.log('resize');
}, 300));节流
防止某个函数在短时间内重复执行。
window.addEventListener('scroll', donut.throttle(() => {
console.log('scroll');
}, 300));结语
本文介绍了 npm 包 donutjs 的使用方法，涵盖了常见的字符串、数字、日期等数据类型的处理方法，也介绍了更多实用的方法，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600557cd81e8991b448d4d75