技术文摘
36 个 JavaScript 工作常用函数片段
2024-12-31 09:52:32 小编
36 个 JavaScript 工作常用函数片段
在 JavaScript 开发中,拥有一系列实用的函数片段可以大大提高工作效率。以下为您介绍 36 个常用的函数片段,帮助您在编程中更加得心应手。
字符串操作
- 去除字符串两端的空格:
function trim(str) { return str.replace(/^\s+|\s+$/g, ''); } - 字符串反转:
function reverseString(str) { return str.split('').reverse().join(''); } - 检查字符串是否包含子串:
function containsSubstring(str, subStr) { return str.includes(subStr); }
数组操作
- 数组去重:
function uniqueArray(arr) { return Array.from(new Set(arr)); } - 数组求和:
function sumArray(arr) { return arr.reduce((a, b) => a + b, 0); } - 数组排序:
function sortArray(arr) { return arr.sort((a, b) => a - b); }
对象操作
- 合并对象:
function mergeObjects(obj1, obj2) { return {...obj1,...obj2 }; } - 获取对象的键数组:
function getObjectKeys(obj) { return Object.keys(obj); } - 判断对象是否具有某个属性:
function hasProperty(obj, prop) { return obj.hasOwnProperty(prop); }
数学计算
- 生成随机数:
function generateRandomNumber(min, max) { return Math.floor(Math.random() * (max - min + 1) + min); } - 四舍五入:
function roundNumber(num, decimalPlaces) { return Number(num.toFixed(decimalPlaces)); }
日期时间处理
- 获取当前日期时间:
function getCurrentDateTime() { return new Date(); } - 格式化日期:
function formatDate(date, format) { // 具体的格式化逻辑 }
函数防抖与节流
- 函数防抖:
function debounce(func, delay) { // 防抖实现逻辑 } - 函数节流:
function throttle(func, interval) { // 节流实现逻辑 }
这些函数片段涵盖了 JavaScript 开发中的多个常见场景,熟练掌握并合理运用它们,可以让您的代码更加简洁、高效和可维护。无论是处理字符串、操作数组、处理对象,还是进行数学计算和日期时间处理,都能从中找到有用的工具。不断积累和运用这些函数片段,将提升您的开发能力,使您能够更快更好地完成项目开发任务。
- Vue项目中利用路由实现页面切换与传参的方法
- Vue 与 Element-UI 自定义主题样式的使用方法
- Vue 与 HTMLDocx:实践提升文档导出功能的效益与可靠性
- Vue 与 ECharts4Taro3 中跨图表交互联动效果的实现方法
- Vue 与 ECharts4Taro3 构建交互式数据可视化大屏展示的方法
- Vue 与 Element-UI 助力网页用户体验优化之道
- Vue 与 Element-UI 实现树形结构数据展示的方法
- Vue项目中利用路由实现动态面包屑导航的方法
- Vue 中 keep-alive 使用技巧与常见问题解决方案
- Vue 与 Excel 高效协作:数据批量更新与导入实现方法
- PHP 搜索引擎优化中 Algolia 的优势与不足
- 借助 keep-alive 组件达成 vue 页面切换时的平滑过渡
- 借助 keep-alive 组件达成 vue 页面快速切换
- Vue 中如何进行路由传参与接收参数
- Vue 与 ECharts4Taro3 达成数据可视化的最优实践