你需要知道的 10 个 JavaScript 技巧和窍门
共 1491字,需浏览 3分钟
·
2021-09-08 01:26
英文 | https://javascript.plainenglish.io/top-10-javascript-tips-and-tricks-you-need-to-know-27896d2a313f
翻译 | 杨小二
1、三元运算符
1、 三元运算符
三元运算符是一个 JavaScript 运算符,它需要三个操作数:一个条件,后跟一个问号 (?),然后是后跟一个冒号 (:),如果一个条件为真,则执行表达式,如果条件为假,则不执行表达式。
此运算符经常用作 if 语句的快捷方式。
使用 if-else 语句。
2、将数字转换为字符串
可能你会遇到需要将数字转换为字符串的情况。好吧,JavaScript 为你提供了解决方案。
要将数字转换为字符串,你只需将一个空字符串附加到变量 number 即可。
检查下面显示的片段。
3、用空对象填充数组
我们可以在 JavaScript 中创建和填充数组,同时,为数组提供空对象或值。
你需要使用语法Array(number of values to fill)。
要使用值填充空数组,你可以按照下面的代码片段所示进行操作。
同样,我们可以声明要填充数组的数据类型。例如,当我们只想用字符串填充数组时,我们可以按照下面的代码片段所示这样做。
当你想要填充其他数据类型(如数字)时,这同样适用。
4、从数组中过滤唯一值
有时,我们只想从数组中过滤唯一值。假设我们有一个包含重复值的数组并且只想要数组中的确切值,我们该怎么做?
我们可以使用 Array.from() 和新的 Set 来实现,如下所示。
5、创建动态对象和值
使用 JavaScript,我们可以动态创建对象键和值并相应地更新它们。
6、切片数组
以数组中的一个实例为例,我们只需要数组中的一些数字,以我们只需要数组的前 10 个数字为例。我们怎么能做到这一点?
7、切片数组中的最后一个元素
与我们上面看到的非常相似,我们也可以对数组中的最后一个元素进行切片。
以我们想要数组中的最后两个元素为例,我们可以按如下所示进行。