简介
@chwech/utils 是一个由 chwech 开发的 JavaScript 工具集合,该工具集包含许多常用的前端开发工具函数,包括字符串、数组、对象、时间等方面的处理函数。可以帮助开发者更加便捷地进行前端开发,并提高开发效率。该包可以直接通过 npm 安装使用。
安装
使用 npm 可以很方便地安装 @chwech/utils 包,只需在命令行中输入以下命令即可。
npm install @chwech/utils
使用方法
安装完成后,在代码中使用 @chwech/utils 可以调用各种工具函数。本工具集合的所有函数列表和使用方法可以在 GitHub 上找到。
1. 数组处理
getDuplicates(arr)
获取数组中所有重复的元素,并返回以数组形式表示。
const { getDuplicates } = require('@chwech/utils'); const arr = [1, 2, 3, 4, 4, 5, 6, 6, 7]; const duplicates = getDuplicates(arr); console.log(duplicates); // [4, 6]
shuffle(arr)
将数组随机打乱,返回打乱后的新数组。
const { shuffle } = require('@chwech/utils'); const arr = [1, 2, 3, 4, 5, 6, 7]; const shuffledArr = shuffle(arr); console.log(shuffledArr); // [2, 6, 7, 5, 1, 4, 3]
2. 字符串处理
camelize(str)
将任意字符串转为驼峰式命名,并返回转换后的字符串。
const { camelize } = require('@chwech/utils'); const str = 'hello-world'; const camelizedStr = camelize(str); console.log(camelizedStr); // 'helloWorld'
truncate(str, length, suffix)
截取字符串指定长度后,添加指定的后缀,并返回截取后的字符串。
const { truncate } = require('@chwech/utils'); const str = '使用 @chwech/utils 工具包来提高您的开发效率'; const truncatedStr = truncate(str, 20, '...'); console.log(truncatedStr); // '使用 @chwech/utils 工具...'
3. 对象处理
mergeDeep(obj1, obj2)
将两个对象进行深度合并,并返回合并后的对象。
-- -------------------- ---- ------- ----- - --------- - - ------------------------- ----- ---- - - -- -- -- - --- - -- -- -- -- -- ----- ---- - - -- - --- - -- -- -- -- -- -- -- ----- --------- - --------------- ------ ----------------------- -- --- -- -- ---- --- -- -- ---- -- --
4. 时间处理
formatTime(time, format)
将时间戳格式化为指定的时间格式,并返回格式化后的时间字符串。
const { formatTime } = require('@chwech/utils'); const time = 1629793547200; const format = 'YYYY-MM-DD hh:mm:ss'; const formattedTime = formatTime(time, format); console.log(formattedTime); // '2021-08-24 15:05:47'
结语
@chwech/utils 是一个非常实用的 JavaScript 工具集合,可以减少开发者很多重复的代码编写工作。该工具集合的各个函数功能明确、使用方便,可以极大地提高前端开发效率。希望本文对您有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671cc30d09270238228a1