登录
首页 >  文章 >  前端

JavaScript单线会让您看起来像专业人士

时间:2025-02-02 15:19:06 268浏览 收藏

一分耕耘,一分收获!既然打开了这篇文章《JavaScript单线会让您看起来像专业人士》,就坚持看下去吧!文中内容包含等等知识点...希望你能在阅读本文后,能真真实实学到知识或者帮你解决心中的疑惑,也欢迎大佬或者新人朋友们多留言评论,多给建议!谢谢!

JavaScript单线会让您看起来像专业人士

本文将分享一些精巧的JavaScript单行代码,让你的代码更简洁高效。

1. 交换两个变量无需临时变量

[a, b] = [b, a];

利用数组解构赋值巧妙地交换变量值。

2. 检查数字是否为偶数

const isEven = n => !(n & 1);

使用位运算符高效判断奇偶性。

3. 反转字符串

const reverseString = str => [...str].reverse().join('');

利用展开运算符、reverse()方法和join()方法简洁地反转字符串。

4. 生成随机十六进制颜色

const randomColor = () => `#${Math.floor(Math.random()*0xffffff).toString(16).padStart(6, '0')}`;

生成随机数,转换为十六进制,并确保长度为6位。

5. 获取数组的最后一项

const lastItem = arr => arr.at(-1);

使用at()方法直接获取数组最后一项。

6. 展开嵌套数组

const flatArray = arr => arr.flat(Infinity);

使用flat()方法递归展开所有嵌套数组。

7. 将字符串转换为数字

const toNumber = str => +str;

使用一元加号运算符将字符串转换为数字。

8. 从数组中删除重复项

const uniqueArray = arr => [...new Set(arr)];

利用Set对象的特性去除数组中的重复元素。

9. 查找两个数组的交集

const intersection = (a, b) => a.filter(x => b.includes(x));

使用filter()方法和includes()方法查找两个数组的交集。

10. 洗牌数组

const shuffle = arr => arr.sort(() => Math.random() - 0.5);

使用sort()方法和随机数进行简单的数组洗牌(并非最优算法)。

11. 获取当前时间戳

const timestamp = () => Date.now();

使用Date.now()方法获取当前时间戳。

12. 短路默认值

const greet = name => name || 'guest';

使用逻辑或运算符设置默认值。

13. 统计数组中元素出现的次数

const countOccurrences = (arr, val) => arr.reduce((a, v) => v === val ? a + 1 : a, 0);

使用reduce()方法统计元素出现的次数。

14. 从数组中获取随机元素

const randomItem = arr => arr[Math.floor(Math.random() * arr.length)];

使用Math.random()方法随机选择数组元素。

15. 将RGB转换为十六进制

const rgbToHex = (r, g, b) => `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;

使用位运算和toString(16)方法将RGB转换为十六进制。

16. 检查字符串是否为回文

const isPalindrome = str => str === [...str].reverse().join('');

将字符串反转并与原字符串比较。

17. 将布尔值转换为数字

const boolToNumber = bool => +bool;

使用一元加号运算符将true转换为1,false转换为0。

18. 将字符串首字母大写

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1);

将字符串首字母大写。

19. 从字符串中删除空格

const trimSpaces = str => str.replace(/\s+/g, '');

使用正则表达式删除字符串中的所有空格。

20. 生成随机布尔值

const randomBoolean = () => Math.random() >= 0.5;

根据随机数生成truefalse

结论

JavaScript单行代码可以使代码更简洁,但可读性和可维护性始终优先。 选择适合场景的代码风格,才能写出既高效又易于理解的代码。

理论要掌握,实操不能落!以上关于《JavaScript单线会让您看起来像专业人士》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>