JavaScript 工具函数提升开发效率

引言

在现代 Web 开发领域，掌握一组可靠且多功能的 JavaScript 工具函数至关重要。这些函数可以大大简化常见的任务，提高开发人员的工作效率。本文将提供 269 个经过精心挑选的 JavaScript 工具函数，涵盖数字、字符串、数组、对象和其他常用操作，帮助开发人员将精力集中于构建创新和有效的应用程序上。

数字操作

• clamp(value, min, max)：将值限制在指定范围内。
• randomInt(min, max)：生成指定范围内的随机整数。
• toBoolean(value)：将任何值转换为布尔值。
• padZero(num, length)：用零填充数字，达到指定长度。
• roundDecimals(num, decimals)：将数字四舍五入到指定的小数位数。

字符串操作

• capitalize(string)：将字符串的首字母大写。
• toPascalCase(string)：将字符串转换为帕斯卡命名法。
• toCamelCase(string)：将字符串转换为驼峰命名法。
• truncate(string, length)：截断字符串，并在超出长度时添加省略号。
• stripHTML(string)：从字符串中删除所有 HTML 标签。

数组操作

• arrayShuffle(array)：随机打乱数组的元素。
• arrayRemove(array, item)：从数组中删除指定项。
• arrayIntersect(arr1, arr2)：计算两个数组的交集。
• arrayUnion(arr1, arr2)：计算两个数组的并集。
• arrayUnique(array)：从数组中删除重复元素。

对象操作

• mergeObjects(obj1, obj2)：将两个对象合并为一个新的对象。
• cloneObject(obj)：创建指定对象的深度副本。
• isPlainObject(obj)：检查对象是否是普通对象。
• getValueByPath(obj, path)：通过提供路径来获取嵌套对象的属性值。
• setObjectValueByPath(obj, path, value)：通过提供路径在嵌套对象中设置属性值。

DOM 操作

• addClass(element, className)：向元素添加 CSS 类。
• removeClass(element, className)：从元素中删除 CSS 类。
• hasClass(element, className)：检查元素是否具有指定的 CSS 类。
• toggleClass(element, className)：在元素上切换 CSS 类。
• getOffset(element)：获取元素相对于其包含块的偏移。

其他实用工具

• debounce(func, delay)：创建一个在指定延迟后调用的函数。
• throttle(func, delay)：创建一个在指定延迟内只调用一次的函数。
• deepCopy(obj)：创建对象的深度副本。
• formatBytes(bytes)：将字节数格式化为可读的字符串。
• getUniqueId()：生成唯一的标识符。