技术文摘
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 表单处理中实现表单字段图片压缩的方法
- 剖析 Vue 服务器端通信技巧:提升响应速度的方法
- 剖析 Vue 服务器端通信协议:保障数据完整性的方法
- 深入剖析Vue与服务器端通信:断点续传的实现方法
- 深入剖析Vue与服务器端通信:实现前后端分离的方法
- Vue实现高效服务器端通信的剖析
- Vue 表单处理中表单递归嵌套的实现方法
- Vue 表单处理中表单字段动态增减的实现方法
- Vue 表单处理中实现表单字段日期选择的方法
- Vue 实现服务器端通信的剖析与优化策略
- 剖析 Vue 服务器端通信机制:实现实时更新的方法
- Vue 表单处理中表单字段组件化的实现方法
- Vue 表单处理里多级下拉框联动的实现方法
- Vue 表单处理中实现表单字段文件上传的方法