技术文摘
七个常用的 JavaScript 实用程序函数
七个常用的 JavaScript 实用程序函数
在 JavaScript 开发中,掌握一些实用的程序函数可以极大地提高开发效率和代码质量。以下为您介绍七个常用的 JavaScript 实用程序函数。
1. 字符串修剪函数
function trimString(str) {
return str.replace(/^\s+|\s+$/g, '');
}
这个函数可以去除字符串两端的空格,使字符串更加整洁。
2. 数组去重函数
function uniqueArray(arr) {
return Array.from(new Set(arr));
}
它能够快速去除数组中的重复元素,返回一个无重复元素的新数组。
3. 数字格式化函数
function formatNumber(num, decimalPlaces) {
return num.toFixed(decimalPlaces);
}
可以按照指定的小数位数格式化数字。
4. 深拷贝函数
function deepCopy(obj) {
return JSON.parse(JSON.stringify(obj));
}
用于创建对象或数组的深拷贝,避免原始数据被意外修改。
5. 随机数生成函数
function generateRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
在指定范围内生成随机数,常用于抽奖、随机展示等场景。
6. 日期格式化函数
function formatDate(date, format) {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
format = format.replace('YYYY', year);
format = format.replace('MM', month);
format = format.replace('DD', day);
format = format.replace('HH', hours);
format = format.replace('mm', minutes);
format = format.replace('ss', seconds);
return format;
}
能够按照指定的格式将日期对象转换为字符串。
7. 类型检测函数
function typeOf(obj) {
return Object.prototype.toString.call(obj).slice(8, -1);
}
准确判断一个变量的数据类型。
掌握这些实用的 JavaScript 函数,将使您在开发过程中更加得心应手,能够快速解决各种常见问题,提高代码的可读性和可维护性。不断积累和运用这样的实用函数,能够让您的 JavaScript 开发之旅更加顺畅和高效。
TAGS: JavaScript 编程 JavaScript 技巧 函数应用
- for 循环与 onclick 事件里循环变量 i 为何始终为 3
- Vue项目如何自动打开浏览器并访问localhost
- React Native 项目升级至新架构指南
- Emmet中*运算符失效的原因
- Google 9.0下Vue项目Deep样式失效:常见问题剖析与解决之道
- Vue项目自动打开浏览器并显示正确地址的方法
- 按钮点击后 :focus伪类样式为何仍可见
- 多语言小程序实现自动语言切换的方法
- Emmet语法中*n不起作用如何解决
- Vue项目用htmlWebpackPlugins动态配置Favicon后页面空白无法加载的解决办法
- Flex 布局下元素宽度为 0 时怎样防止挤占其他元素空间
- Google 9.0 下 Vue 项目 common.css 里 deep 样式失效的原因
- Vue项目中Common样式文件Deep不生效的原因探讨
- 按钮点击后 :focus 伪类效果为何不消失
- Flex 布局下怎样防止 width: 0 占用元素空间