12个 JavaScript 一行代码技巧
2023年5月 · 预计阅读时间: 2 分钟
JavaScript 是一种功能强大的编程语言,我们可以通过使用一行代码实现很多功能。在日常开发中,我们经常会遇到需要快速实现某些功能的情况。下面让我们一起看看 12个有用的 JavaScript 一行代码技巧。
1. 生成随机颜色
JavaScript 中可以通过以下方式快速生成一个随机颜色:
let randomColor = "#" + Math.floor(Math.random()*16777215).toString(16);
这行代码会生成一个六位的十六进制数,可以用作 CSS 颜色值。
2. 获取 URL 参数
如果你想获取 URL 参数,可以通过以下一行代码实现:
let params = new URLSearchParams(window.location.search);
之后你就可以通过 params.get('paramName')
获取参数值。
3. 深度复制对象
在 JavaScript 中,我们可以用以下方式实现对象的深度复制:
let cloneObj = JSON.parse(JSON.stringify(obj));
需要注意的是,这种方法仅适用于可以被 JSON 安全序列化的对象。
4. 计算数组中的最大值
你可以用以下一行代码快速计算出数组中的最大值:
let max = Math.max(...array);
5. 置换两个变量的值
在不使用临时变量的情况下,你可以通过以下一行代码交换两个变量的值:
[a, b] = [b, a];
6. 删除数组中的特定元素
如果你想删除数组中的特定元素,可以使用以下一行代码:
array = array.filter(item => item !== valueToRemove);
7. 格式化数字为货币格式
如果你想把数字格式化为货币格式,可以使用以下一行代码:
let formattedNum = num.toLocaleString('en-US', {style: 'currency', currency: 'USD'});
8. 判断年份是否为闰年
通过以下一行代码,你可以判断一个年份是否为闰年:
let isLeap = year => ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);
9. 将首字母转换为大写
如果你想将一个字符串的首字母转换为大写,可以使用以下一行代码:
let capitalizedStr = str.charAt(0).toUpperCase()
+ str.slice(1);
10. 生成指定范围内的随机整数
你可以通过以下一行代码生成指定范围内的随机整数:
let randomInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
11. 将数组转换为逗号分隔的字符串
如果你想将一个数组转换为逗号分隔的字符串,可以使用以下一行代码:
let str = array.join(', ');
12. 判断值是否为数组
你可以通过以下一行代码快速判断一个值是否为数组:
let isArray = value => Array.isArray(value);
总结
以上就是 12个 JavaScript 一行代码技巧,希望这些技巧能够帮助到你,让你的开发过程更加高效。如果你有其他好用的一行代码技巧,也欢迎在下方留言分享!