12 个Web 开发人员都应该知道的重要JavaScript 函数

19d18f9c248f9bd38970e67a9d375f7a.png

英文 | https://javascript.plainenglish.io/12-important-javascript-functions-every-web-developer-should-know-e488c4bbf521

翻译 | 杨小爱

在本文中,我将为分享12 个重要的 JavaScript 函数,这些函数是每个web开发人员都需要知道的。并且您在这里学到的知识将加快您的开发速度并节省您的宝贵时间!

现在,我们就开始吧。

1、缩短控制台日志

您是否厌倦了在代码中一遍又一遍地编写 console.log() ?这个简单的脚本使用 bind 来缩短控制台日志以加快开发过程(这可以通过每个函数完成)。

e4c4b80dccf9b9c4d3b88309be654252.png

2、将两个数组合二为一

如果要将任意大小的两个数组合并为一个数组,可以使用 concate JavaScript 函数。

1e0e1c00e394ea62f5fdf72def9fdb13.png

3、 将两个对象合二为一

如果您使用对象,您可以使用这个简单的技巧将它们合并在一起。

197140442ab650804a5b36fae0256958.png

4、缩短数组

Web 开发人员有一种简单的方法来缩短数组。您需要使用 length 方法并传递一个小于实际数组大小的数字。

ceb85246a87dffd82a0ea3a1a56df6c5.png

5、 打乱数组

有时您想随机化数组中的值。为此,您可以使用带有随机 compareFunction 的 Array.sort 函数。

3d0054105184803a00ec8706d7b5abec.png

6、使用 isNum 验证一个数字

使用此函数,您可以检查值或变量是否为数字(int、float 等)。

84b86109f54cd1feb07a57cc2df8af18.png

7、使用 isStr 来验证一个字符串

使用此函数,您可以检查值或变量是否为字符串格式。

75304cddd4d1cfe78f96a0bf8aeeabe0.png

8、使用 isNull

检查结果或数据是否为空,这个函数通常很有用。

6a897353dcd2dbd1017eacb39afc28b2.png

9、计算一个函数的性能

如果您想检查一个函数运行了多长时间,您可以在您的程序中使用这种方法。

7d7b747a5a55e127a223355b76c7777c.png

10、从数组中删除重复项

我们经常遇到一个包含重复数据的数组,并使用循环来删除这些重复数据。此函数可以在不使用循环的情况下以简单的方式删除重复项。

9a6442a45cbc0115a2fc029c105c3f58.png

11、对条件使用逻辑 AND/OR

您可以使用逻辑 AND/OR,而不是使用 if 条件。这可以在用于执行命令的函数中使用。

475f8f5e050c7344ab11cdb5f5b90a46.png

或用于赋值。

0edac2ecfc2e401fe1cdb38e1f3e108b.png

12、三元运算符

三元运算符很酷。您可以使用三元运算符避免看起来不好的嵌套条件 if..else if..elseif。

435565a8ea9b20e7ac14119f45066904.png

总结

我希望您觉得这篇文章有帮助!如果您也有好的 JavaScript 函数可以分享,请随时在留言区发表评论并与其他开发人员分享。

祝编程快乐!

学习更多技能

请点击下方公众号

d7fccb05438bec90d23ed6689445399c.gif

fee8867de235c99a4bff912476df072d.png

9bb2d08ed3eb2aa4265e8082e6e8bda2.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值