跳到主要内容位置

12个 JavaScript 一行代码技巧

张旭乾

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 一行代码技巧,希望这些技巧能够帮助到你,让你的开发过程更加高效。如果你有其他好用的一行代码技巧,也欢迎在下方留言分享!

提示

一系列的课程让你成为高级前端工程师。课程覆盖工作中所有常用的知识点和背后的使用逻辑,示例全部都为工作项目简化而来,学完即可直接上手开发!

即使你已经是高级前端工程师,在课程里也可能会发现新的知识点和技巧,让你的工作更加轻松!

《React 完全指南》课程,连载中现只需 48 元(领取优惠券)点击查看详情。

《Vue 3.x 全家桶完全指南与实战》课程,包括 Vue 3.x、TypeScript、Vue Router 4.x、Vuex 4.x 所有初级到高级的语法特性详解,让你完全胜任 Vue 前端开发的工作。点击查看详情。

《React即时通信UI实战》课程,利用 Storybook、Styled-components、React-Spring 打造属于自己的组件库。

《JavaScript 基础语法详解》本人所著图书,包含 JavaScript 全面的语法知识和新特性, 可在京东、当当、淘宝等各大电商购买