从新手到高手:21个JavaScript单行代码技巧助你一臂之力

职场   2024-12-12 13:00   北京  
JavaScript 发展至今已经变得越来越强大,且广泛用于前端和后端开发。
今天,我们有 21 个JavaScript单行代码技巧,增强我们对 JavaScript 的理解并帮助您编写更简洁、更有效的代码。展示 JavaScript 的优雅和高效。
1. 检查变量是否是数组:

Array.isArray() 方法检查给定变量是否是数组。

2. 获取数组中的最后一项:

通过使用负数组索引和 slice() 方法,我们可以轻松检索数组中的最后一项。

3. 生成一个范围内的随机数:

使用 Math.random()、Math.floor() 和一点算术,我们可以生成指定范围内的随机数。

4. 合并两个数组:

扩展运算符 (...) 允许我们将两个数组合并为一个数组。

5. 从数组中删除重复项:

通过使用 Set 对象和展开运算符,我们可以轻松地消除数组中的重复值。

6. 将字符串的第一个字母大写

这个简洁的代码片段将给定字符串的第一个字母大写。

7. 检查字符串是否包含子字符串:

使用includes()方法,我们可以快速判断一个字符串是否包含特定的子字符串。

8. 查找数组中的最大数字:

使用扩展运算符和 Math.max() 方法,我们可以轻松找到数组中的最大数字。

9. 计算数字数组的总和:

reduce() 方法允许我们通过迭代地将每个元素添加到运行总计中来计算数组的总和。

10. 反转字符串:

此单行代码使用 split()、reverse() 和 join() 方法来反转给定的字符串。

11. 打乱数组:

通过提供生成随机值的自定义排序函数,我们可以对数组的元素进行打乱。

12. 从数组中删除假值:

filter() 方法与布尔构造函数一起允许我们从数组中删除假值(例如 null、undefined 和 false)。

13. 截断字符串并在超过指定长度时添加省略号:

此单行将字符串截断为指定长度,并在超过该长度时附加省略号。

14. 查找数组中元素第一次出现的索引:

indexOf() 方法返回数组中给定元素第一次出现的索引。

15. 检查字符串是否为回文:

这个简洁的代码片段通过将字符串与其反转版本进行比较来检查字符串是否为回文。

16. 将字符串转换为字符数组:

Array.from() 方法将可迭代对象(例如字符串)转换为数组。

17. 生成指定范围内的数字数组:

使用 Array.from() 方法和箭头函数,我们可以生成给定范围内的数字数组。

18. 删除字符串开头和结尾的空格:

Trim() 方法删除字符串两端的空格。

19. 求一组数字的平均值:

通过将数组的总和除以它的长度,我们可以计算出数字的平均值。

20. 检查数字是否为偶数:

这个简洁的代码片段通过验证数字除以 2 的余数是否为零来检查数字是否为偶数。

21. 从键值对数组创建对象:

Object.fromEntries() 方法从键值对数组创建一个对象。

推荐一个受到超多好评的终生学习小程序「千锋学习站」

全网超火的课程资源:涵盖18个IT行业热门课程,3000G精品授课视频,从入门到精通,理论+实战,小白适用!
全网超牛的公开课:定期邀请一线大厂大佬来直播间宣讲,全程干货,福利满满,从基础理论到实战案例,分享实战IT技能,拒绝纸上谈兵!
全网超全的题库资源:1800个知识点练习,10万道面试真题,沉浸式刷题练习,帮助各位同学夯实基础,提升技术水平,为升职加薪保驾护航!
— 不负每份期待,继续与你共同成长—
点击下方小卡片,开始学习吧
👇👇👇

End -

想要获得技能提升和职业发展
点击即可学习免费好课哦!
 
 
免费好课推荐:
 Linux云计算 | Java开发 | 鸿蒙 | Python数据分析 | 物联网 | 网络安全 | 游戏原画 | 软件测试 | Unity游戏 | PMP项目管理 | HTML5大前端 | 全媒体运营 | UI/UE设计 | 影视剪辑 | C++ | 大数据 | 计算机二级










































大前端私房菜
每天推出前端开发技巧、工具资源、项目实战等主题内容。在这里,你可以找到前端性能优化的私房秘籍,JavaScript 个性化框架的私房推荐,也有过时技术的私房警示。期待在公众号与更多小伙伴相遇!我们一起进步,共同成长
 最新文章