JavaScript中一行代码能实现的20个功能

20个JavaScript一行代码实现功能的案例：

1. 生成随机颜色：

'#' + Math.floor(Math.random() * 16777215).toString(16);

2. 反转字符串：

str.split('').reverse().join('');

3. 计算数组中所有数字之和：

arr.reduce((a, b) => a + b, 0);

4. 检查一个字符串是否为回文：

str === str.split('').reverse().join('');

5. 获取数组中的最大值：

Math.max(...arr);

6. 将字符串首字母大写：

str.charAt(0).toUpperCase() + str.slice(1);

7. 数组去重：

[...new Set(arr)];

8. 计算当前时间距离某个日期的天数：

Math.ceil((new Date() - new Date('2022-01-01')) / (1000 * 60 * 60 * 24));

9. 隐藏所有指定元素：

Array.from(document.querySelectorAll('.element')).forEach(el => el.style.display = 'none');

10. 检查一个数字是否为偶数：

num % 2 === 0;

11.使用递归计算阶乘：

n === 1 ? 1 : n * factorial(n - 1);

12.判断一个字符串是否包含另一个字符串：

str.includes(substr);

13.获取当前日期：

new Date().toLocaleDateString();

14.按字母顺序排序字符串：

str.split('').sort().join('');

15.获取URL参数值：

new URLSearchParams(window.location.search).get('paramName');

16.获取数组中的最小值：

Math.min(...arr);

17.将所有单词首字母大写：

str.replace(/\b\w/g, l => l.toUpperCase());

18.去除字符串两端的空格：

str.trim();

19.条件运算符（三元运算符）的使用：

condition ? exprIfTrue : exprIfFalse;

20.判断当前浏览器是否支持WebP格式图片：

document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0;

咱就是说这20个小技巧，你肯定能用的上，先收藏再说！