技术文摘
今日,掌握这 10 个 JS 代码段足矣!
2024-12-31 05:26:32 小编
今日,掌握这 10 个 JS 代码段足矣!
在 JavaScript 的世界里,掌握一些关键的代码段能够极大地提升开发效率。以下为您精心挑选了 10 个实用的 JS 代码段,助您在编程之路上更加得心应手。
代码段 1:数组去重
function uniqueArray(arr) {
return Array.from(new Set(arr));
}
代码段 2:数组排序
function sortArray(arr) {
return arr.sort((a, b) => a - b);
}
代码段 3:对象属性遍历
function traverseObject(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(key + ": " + obj[key]);
}
}
}
代码段 4:字符串反转
function reverseString(str) {
return str.split('').reverse().join('');
}
代码段 5:判断是否为数组
function isArray(obj) {
return Array.isArray(obj);
}
代码段 6:获取随机数
function getRandomNumber(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
代码段 7:深拷贝对象
function deepCopy(obj) {
return JSON.parse(JSON.stringify(obj));
}
代码段 8:防抖函数
function debounce(func, delay) {
let timer;
return function (...args) {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, args);
}, delay);
};
}
代码段 9:节流函数
function throttle(func, delay) {
let lastCallTime = 0;
return function (...args) {
const now = Date.now();
if (now - lastCallTime >= delay) {
func.apply(this, args);
lastCallTime = now;
}
};
}
代码段 10:生成指定长度的随机字符串
function generateRandomString(length) {
let result = '';
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
const charactersLength = characters.length;
for (let i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
掌握这 10 个 JS 代码段,您将在处理各种常见问题时更加游刃有余,能够更高效地完成项目开发。不断积累和运用这些实用的代码段,将使您的 JavaScript 编程技能更上一层楼。
- CSS filter 为 SVG 图片添加渐变效果的方法
- CSS中Calc与Min函数嵌套使用的注意事项
- 后端 JSON 数据与前端 HTML 字段名不一致时嵌套赋值代码如何优化
- C# 中如何将时间归整为0点0分
- 产品预览卡计划
- JavaScript 如何辨识浏览器类型
- C# 如何将时间归零到当天 0 点 0 分
- JavaScript倒计时实现分秒小于10时前面加0的方法
- JavaScript与CSS3实现右侧浮动元素跟随滚动的方法
- 后台管理界面DOM结构处理方式探讨:预写与服务器获取抉择
- Antv API 在 Vue 中修改雷达图文字样式的方法
- el-input的textarea如何自动撑满容器高度
- 环形进度条内环阴影的打造方法
- 利用数组结构传递复选框货号和数量信息的方法
- React Antd UI库subMenu收缩后挤出菜单外原因及解决方法