首页 > 自考资讯 > 高考百科

大部分教程不会告诉你的 12 个 JS 技巧

小条 2024-06-27

在本文中,作者分享了12 个超级有用的JavaScript 技巧,将帮助您编写简洁且高性能的代码。

1. 过滤唯一值

ES6 引入了Set 对象和扩展语法,您可以使用它来创建仅包含唯一值的数组。

c240b92b52f34576939a98dfa7bbd4df~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=2gDuJ1UbHbSU7i2CM3%2FG7S0ExqM%3DES6 之前,需要更多代码才能获得相同的数组。

该技术支持包含基本类型(未定义、空、布尔值、字符串、数字)的数组。但是,如果数组包含对象、函数或其他嵌套数组,则不能使用此方法。

2. 在循环中缓存数组长度

在学习如何使用for循环时,我们通常建议使用以下结构:

f873482ed8dd4429b2525257a38f7940~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=cThio7kEk0A%2Fkbg9qaDIDVrIz7I%3D 使用此方法,for 循环的每次迭代都会重复计算数组的长度。

这在某些情况下很有用,但在大多数情况下,最好能够缓存数组的长度,以便只需要计算一次。例如,您可以将数组的长度复制到名为length 的变量中。

f8303d7e536648daabf0cd2b064335e0~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=%2FN2Wz6qk6DWgfcOtmQ768na71ro%3D 此代码与上面的代码类似,但从性能角度来看,即使数组变得非常大,您也不必花费额外的运行时间重新计算array.length。

3. 短路求值

使用三元运算符快速创建条件语句,例如:

02c6739b123f4b44b09d695619890d20~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=hxqw91wjJecQzf%2FaUpUBobH8MSs%3D 但是,如果三元运算符仍然太复杂,您可以使用逻辑运算符和|| 来使代码更加简洁。这种技术通常被称为“短路评估”。

假设您想返回两个或多个选项之一。第一个可以返回false。如果所有操作数的计算结果均为true,则返回最后一个表达式的值。

a29b31be29cd47c2bad8ddc96cb76a64~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=9rrm8G4PMhaKMNau1IY%2Btxtxd5k%3D 使用|| 返回第一个true。如果所有操作数的计算结果均为false,则返回最后一个表达式的值。

efc93d0100b349e3b859cd5586cc2394~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1720053742&x-signature=0Un6RaSy8GstLzsY38nYEoR9JqI%3D示例1

假设您想返回变量的长度,但您不知道变量的类型。

您还可以使用if/else 来检查foo 是否是可接受的类型,但代码会很长。这时候就可以使用短路评估.

如需查看全文其余部分,请点击查看详情

版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。

猜你喜欢