首页 > 编程语言 >你需要知道的 10 个 JavaScript 技巧和窍门

你需要知道的 10 个 JavaScript 技巧和窍门

时间:2022-11-08 16:00:34浏览次数:37  
标签:10 填充 JavaScript 窍门 运算符 数组 我们

你需要知道的 10 个 JavaScript 技巧和窍门_三元运算符

英文 | https://javascript.plainenglish.io/top-10-javascript-tips-and-tricks-you-need-to-know-27896d2a313f

翻译 | 杨小二


JavaScript 非常了不起,许多程序员都在使用它来解决问题。

在本文中,我们将介绍10个在解决 JavaScript 问题时非常方便实用的JavaScript 技巧。

1、三元运算符

三元运算符是一个JavaScript运算符,需要三个操作数:条件后跟一个问号(?),则表达式如果执行truthy后跟一个冒号(:),最后是表达,如果执行条件为假。

此运算符经常用作if语句的快捷方式。

使用 if-else 语句。

1、 三元运算符

三元运算符是一个 JavaScript 运算符,它需要三个操作数:一个条件,后跟一个问号 (?),然后是后跟一个冒号 (:),如果一个条件为真,则执行表达式,如果条件为假,则不执行表达式。

此运算符经常用作 if 语句的快捷方式。

使用 if-else 语句。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_02

使用三元运算符。

你需要知道的 10 个 JavaScript 技巧和窍门_三元运算符_03

2、将数字转换为字符串

可能你会遇到需要将数字转换为字符串的情况。好吧,JavaScript 为你提供了解决方案。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_04

要将数字转换为字符串,你只需将一个空字符串附加到变量 number 即可。

检查下面显示的片段。

你需要知道的 10 个 JavaScript 技巧和窍门_三元运算符_05

3、用空对象填充数组

我们可以在 JavaScript 中创建和填充数组,同时,为数组提供空对象或值。

你需要使用语法Array(number of values to fill)。

要使用值填充空数组,你可以按照下面的代码片段所示进行操作。

你需要知道的 10 个 JavaScript 技巧和窍门_javascript_06

同样,我们可以声明要填充数组的数据类型。例如,当我们只想用字符串填充数组时,我们可以按照下面的代码片段所示这样做。

当你想要填充其他数据类型(如数字)时,这同样适用。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_07

4、从数组中过滤唯一值

有时,我们只想从数组中过滤唯一值。假设我们有一个包含重复值的数组并且只想要数组中的确切值,我们该怎么做?

我们可以使用 Array.from() 和新的 Set 来实现,如下所示。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_08

5、创建动态对象和值

使用 JavaScript,我们可以动态创建对象键和值并相应地更新它们。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_09

6、切片数组

以数组中的一个实例为例,我们只需要数组中的一些数字,以我们只需要数组的前 10 个数字为例。我们怎么能做到这一点?

你需要知道的 10 个 JavaScript 技巧和窍门_三元运算符_10

7、切片数组中的最后一个元素

与我们上面看到的非常相似,我们也可以对数组中的最后一个元素进行切片。

以我们想要数组中的最后两个元素为例,我们可以按如下所示进行。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_11

8、将对象转换为数组

有时可能非常有用,但有一种方法可以将对象转换为数组。

我大部分时间不使用它,但有时会很方便。我们需要在 Objects.keys() 中传递对象。

它的作用是只枚举键并忽略值。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_12

9、 性能检查

这个技巧让我们可以检查代码的整体性能。它显示你的代码执行或运行所需的时间。

有时可以派上用场。

你需要知道的 10 个 JavaScript 技巧和窍门_数组_13

10、自调用函数

这是一个在创建后立即执行的函数。它不会等待实例被调用。

也称为匿名函数或立即调用函数。

你需要知道的 10 个 JavaScript 技巧和窍门_javascript_14

结论

这些是关于 JavaScript 的一些令人惊奇的技巧和窍门,我觉得它们很神奇而且很有用。

我很想知道你使用了哪些有用的技巧和窍门,欢迎在留言区与我一起来分享讨论。

感谢你抽出时间阅读本文。

学习更多技能

请点击下方公众号




你需要知道的 10 个 JavaScript 技巧和窍门_三元运算符_15

你需要知道的 10 个 JavaScript 技巧和窍门_javascript_16

标签:10,填充,JavaScript,窍门,运算符,数组,我们
From: https://blog.51cto.com/u_15809510/5833424

相关文章