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

翻譯 | 楊小二

1、三元運(yùn)算符

1、 三元運(yùn)算符

三元運(yùn)算符是一個(gè) JavaScript 運(yùn)算符，它需要三個(gè)操作數(shù)：一個(gè)條件，后跟一個(gè)問(wèn)號(hào) (?)，然后是后跟一個(gè)冒號(hào) (:)，如果一個(gè)條件為真，則執(zhí)行表達(dá)式，如果條件為假，則不執(zhí)行表達(dá)式。

此運(yùn)算符經(jīng)常用作 if 語(yǔ)句的快捷方式。

使用 if-else 語(yǔ)句。

2、將數(shù)字轉(zhuǎn)換為字符串

可能你會(huì)遇到需要將數(shù)字轉(zhuǎn)換為字符串的情況。好吧，JavaScript 為你提供了解決方案。

要將數(shù)字轉(zhuǎn)換為字符串，你只需將一個(gè)空字符串附加到變量 number 即可。

檢查下面顯示的片段。

3、用空對(duì)象填充數(shù)組

我們可以在 JavaScript 中創(chuàng)建和填充數(shù)組，同時(shí)，為數(shù)組提供空對(duì)象或值。

你需要使用語(yǔ)法Array(number of values to fill)。

要使用值填充空數(shù)組，你可以按照下面的代碼片段所示進(jìn)行操作。

同樣，我們可以聲明要填充數(shù)組的數(shù)據(jù)類(lèi)型。例如，當(dāng)我們只想用字符串填充數(shù)組時(shí)，我們可以按照下面的代碼片段所示這樣做。

當(dāng)你想要填充其他數(shù)據(jù)類(lèi)型（如數(shù)字）時(shí)，這同樣適用。

4、從數(shù)組中過(guò)濾唯一值

有時(shí)，我們只想從數(shù)組中過(guò)濾唯一值。假設(shè)我們有一個(gè)包含重復(fù)值的數(shù)組并且只想要數(shù)組中的確切值，我們?cè)撛趺醋觯?/span>

我們可以使用 Array.from() 和新的 Set 來(lái)實(shí)現(xiàn)，如下所示。

5、創(chuàng)建動(dòng)態(tài)對(duì)象和值

使用 JavaScript，我們可以動(dòng)態(tài)創(chuàng)建對(duì)象鍵和值并相應(yīng)地更新它們。

6、切片數(shù)組

以數(shù)組中的一個(gè)實(shí)例為例，我們只需要數(shù)組中的一些數(shù)字，以我們只需要數(shù)組的前 10 個(gè)數(shù)字為例。我們?cè)趺茨茏龅竭@一點(diǎn)？

7、切片數(shù)組中的最后一個(gè)元素

與我們上面看到的非常相似，我們也可以對(duì)數(shù)組中的最后一個(gè)元素進(jìn)行切片。

以我們想要數(shù)組中的最后兩個(gè)元素為例，我們可以按如下所示進(jìn)行。