在本文中,作者分享了12 个超级有用的JavaScript 技巧,将帮助您编写简洁且高性能的代码。
1. 过滤唯一值
ES6 引入了Set 对象和扩展语法,您可以使用它来创建仅包含唯一值的数组。
在ES6 之前,需要更多代码才能获得相同的数组。
该技术支持包含基本类型(未定义、空、布尔值、字符串、数字)的数组。但是,如果数组包含对象、函数或其他嵌套数组,则不能使用此方法。
2. 在循环中缓存数组长度
在学习如何使用for循环时,我们通常建议使用以下结构:
使用此方法,for 循环的每次迭代都会重复计算数组的长度。
这在某些情况下很有用,但在大多数情况下,最好能够缓存数组的长度,以便只需要计算一次。例如,您可以将数组的长度复制到名为length 的变量中。
此代码与上面的代码类似,但从性能角度来看,即使数组变得非常大,您也不必花费额外的运行时间重新计算array.length。
3. 短路求值
使用三元运算符快速创建条件语句,例如:
但是,如果三元运算符仍然太复杂,您可以使用逻辑运算符和|| 来使代码更加简洁。这种技术通常被称为“短路评估”。
假设您想返回两个或多个选项之一。第一个可以返回false。如果所有操作数的计算结果均为true,则返回最后一个表达式的值。
使用|| 返回第一个true。如果所有操作数的计算结果均为false,则返回最后一个表达式的值。
示例1
假设您想返回变量的长度,但您不知道变量的类型。
您还可以使用if/else 来检查foo 是否是可接受的类型,但代码会很长。这时候就可以使用短路评估.
如需查看全文其余部分,请点击查看详情
版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。