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

在这篇文章中,作者将分享 12 个非常有用的 JavaScript 技巧,可以帮助你写出简洁且高性能的代码。1. 过滤唯一值ES6 引入了 Set 对象和延展(

在这篇文章中,作者将分享 12 个非常有用的 JavaScript 技巧,可以帮助你写出简洁且高性能的代码。

1. 过滤唯一值

ES6 引入了 Set 对象和延展(spread)语法…,我们可以用它们来创建一个只包含唯一值的数组。

在 ES6 之前,获得同样的数组需要更多的代码!

这个技巧可以支持包含原始类型的数组:undefined、null、boolean、string 和 number。但如果你的数组包含了对象、函数或其他嵌套数组,就不能使用这种方法了。

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

在我们学习使用 for 循环时,一般建议使用这种结构:

在使用这种方式时,for 循环的每次迭代都会重复计算数组长度。

有时候这个会很有用,但在大多数情况下,如果能够缓存数组的长度会更好,这样只需要计算一次就够了。我们可以把数组长度复制给一个叫作 length 的变量,例如:

这段代码和上面的差不多,但从性能方面来看,即使数组变得很大,也不需要花费额外的运行时重复计算 array.length。

3. 短路求值

使用三元运算符可以很快地写出条件语句,例如:

但有时候三元运算符仍然很复杂,我们可以使用逻辑运算符 && 和||来替代,让代码更简洁一些。这种技巧通常被称为“短路求值”。

假设我们想要返回两个或多个选项中的一个,使用 && 可以返回第一个 false。如果所有操作数的值都是 true,将返回最后一个表达式的值。

使用||可以返回第一个 true。如果所有操作数的值都是 false,将返回最后一个表达式的值

示例 1

假设我们想要返回一个变量的 length,但又不知道变量的类型。

我们可以使用 if/else 来检查 foo 是否是一个可接受的类型,但这样会让代码变得很长。这个时候可以使用短路求值……

查看余下全文,可点击了解更多

原创文章,作者:小条,如若转载,请注明出处:https://www.sudun.com/ask/79907.html

(0)
小条's avatar小条
上一篇 2024年5月31日 上午1:38
下一篇 2024年5月31日 上午1:38

相关推荐

  • 网络如何防骗,如何有效防止网络诈骗?

    安全浏览器有助于检测和阻止恶意软件和欺诈网站。同时,防火墙还可以有效防止未经授权的网络访问,保护您的个人信息安全。 4. 不要点击链接或打开附件。 如果您收到来自陌生人或未知来源的…

    行业资讯 2024年5月11日
    0
  • 如何使用python进行字符串匹配?

    字符串匹配是计算机领域中一个重要的概念,它可以帮助我们快速有效地处理文本数据。在网络行业中,使用python进行字符串匹配更是被广泛应用。那么什么是字符串匹配?它又有哪些应用场景呢…

    行业资讯 2024年4月21日
    0
  • 如何选择适合自己的恒创云主机?

    作为网络行业的重要基础设施,云主机在近年来备受关注。而在众多云主机服务商中,恒创云主机备受推崇,其稳定性和性价比更是让人印象深刻。但是,在选择恒创云主机之前,我们需要了解什么是恒创…

    行业资讯 2024年3月24日
    0
  • 如何选择合适的服务器托管公司?

    如何选择合适的服务器托管公司?这似乎是一个简单的问题,但实际上却不容易回答。随着互联网的发展,越来越多的企业和个人都意识到网络安全的重要性。而服务器托管作为网络安全加速行业中不可或…

    行业资讯 2024年3月25日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注