js不用reverse反转数组代码_10个JavaScript代码片段,帮助你成为更好的开发者

59819b3034b5e5edc253f2d75595ab06.png
英文 | https:// medium.com/better-progr amming/10-javascript-code-snippets-you-can-use-right-now-e1bb7c7ec35e
翻译 | web前端开发(ID:web_qdkf)

毫无疑问,JavaScript是Web开发中最流行的编程语言之一。无论你使用的是React,Vue还是Angular,它们都属于JavaScript。JS围绕着广阔而至关重要的生态系统发展,提供了许多的框架和库,可帮助你快速地开发应用程序。

但是有时最好退后一步,尝试了解如何在没有库的情况下进行操作。看看下面的代码片段,它们以优雅的方式解决了简单的问题,并在日常项目情况下使用了这些知识,可以为编写代码提升工作效率。

a0b206abfb97b3d3033ee1342cb014a9.png

1、反转字符串

在此示例中,我们使用了散布运算符(…),Array的reverse方法和String的join方法来反转给定的字符串。

f4efaf6db462fc6e28d43524ea768e31.png

2、计算数字的阶乘

要计算给定数字的阶乘,我们使用箭头函数和嵌套三元运算符。

44ffd442275524a274bb7d6e65fd29ef.png

3、将数字转换为数字数组

在此示例中,我们使用了散布运算符(…),Array的map方法以及将该给定数字转换为一个单数数组的parseInt 函数 。

896c1ab40454cdd762c92d842585af3a.png

4、检查数字是否为2的幂

这很简单。我们检查这number不是虚假的,并使用按位AND运算符 (&)确定是否number为2的幂。

a20a7b2667eb5e1c449ffb27042c2db8.png

5、从对象创建键-值对数组

在此示例中,我们使用Object中的keys方法和 Array中的map方法来映射Object的键,并创建一个键值对数组。

2d7ea1c95fa406b6843177148e91e3e9.png

点此链接:自己是一名从事了多年开发的web前端老程序员,今年年初我花了一个月整理了一份最适合2020年学习的前端学习干货,想分享给每一位喜欢前端的小伙伴

6、从数组中返回[Number]个最大元素

为了从数组中返回最大元素,我们使用了一个箭头函数,该函数获取数组和希望函数返回的元素数。我们使用了散布运算符(…)以及Array中的sort和slice方法。请注意,如果不提供第二个参数,则number默认值为1,因此仅返回一个最大元素。

21a45ba35fda0bfb23dd538643e9dd74.png

7、检查数组中的所有元素是否相等

在这个简短的示例中,我们使用Array中的every方法检查数组中的所有元素是否相等。我们基本上检查每个元素是否等于数组中的第一个元素。

e3dd3764b32582b150880c25dd305606.png

8、返回两个数的平均值

在此示例中,我们使用了spread运算符(…)和Array中的reduce方法来返回两个给定数字或一个数组的平均值。

baa0bfc51d2c9c6bf54b4a3e1cdda9c5.png

9、返回两个或多个数字的和

要返回两个或多个给定数字或一个数组的总和,我们再次使用散布运算符(…) 和 Array中的reduce方法。

42357f15676055ab3394f43027b99e8f.png

10、返回数字数组的幂集

在最后一个示例中,我们要返回数字数组的幂集。因此,我们使用Array中的reduce,map和concat方法。

eb1c2b190ecc0589753ae61c1fae9bbe.png

如上所见,使用JavaScript和一些ES6魔术来解决这些任务并不困难的。希望对你有帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值