技术文摘
今日,掌握这 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 编程技能更上一层楼。
- Antd样式覆盖遇错::global语法有误,怎样正确覆盖Antd组件样式
- CSS 多行省略号不生效的原因及英文和中文内容省略问题的解决办法
- 组件内用 :global 修改 Ant Design 样式为何不生效
- Vue 组件为何在同一个 div 中仅加载一个
- HTML Meta标签常用类型,面试常问
- HTML常用的meta标签有哪些
- 在HTML页面中显示转义字符 的方法
- 为何我的两个 Vue 组件 和 无法同时加载
- Element Plus 里 aside 宽度超宽:尺寸由谁掌控?
- 父容器溢出滚动时子DIV横向排列的实现方法
- 弹性布局里子元素可收缩却宽度超容器的原因
- 点击表头删除表格相应列的方法
- PHP接口无法通过AJAX访问的原因
- JavaScript中找出数字数组最大排列值的方法
- 给a标签设置宽度才能显示SVG图片的原因