你需要知道的 10 個 JavaScript 技巧和竅門
英文 | https://javascript.plainenglish.io/top-10-javascript-tips-and-tricks-you-need-to-know-27896d2a313f
翻譯 | 楊小二
1、三元運算符
1、 三元運算符
三元運算符是一個 JavaScript 運算符，它需要三個操作數(shù)：一個條件，后跟一個問號 (?)，然后是后跟一個冒號 (:)，如果一個條件為真，則執(zhí)行表達式，如果條件為假，則不執(zhí)行表達式。
此運算符經(jīng)常用作 if 語句的快捷方式。
使用 if-else 語句。
2、將數(shù)字轉(zhuǎn)換為字符串
可能你會遇到需要將數(shù)字轉(zhuǎn)換為字符串的情況。好吧，JavaScript 為你提供了解決方案。
要將數(shù)字轉(zhuǎn)換為字符串，你只需將一個空字符串附加到變量 number 即可。
檢查下面顯示的片段。
3、用空對象填充數(shù)組
我們可以在 JavaScript 中創(chuàng)建和填充數(shù)組，同時，為數(shù)組提供空對象或值。
你需要使用語法Array(number of values to fill)。
要使用值填充空數(shù)組，你可以按照下面的代碼片段所示進行操作。
同樣，我們可以聲明要填充數(shù)組的數(shù)據(jù)類型。例如，當我們只想用字符串填充數(shù)組時，我們可以按照下面的代碼片段所示這樣做。
當你想要填充其他數(shù)據(jù)類型（如數(shù)字）時，這同樣適用。
4、從數(shù)組中過濾唯一值
有時，我們只想從數(shù)組中過濾唯一值。假設我們有一個包含重復值的數(shù)組并且只想要數(shù)組中的確切值，我們該怎么做？
我們可以使用 Array.from() 和新的 Set 來實現(xiàn)，如下所示。
5、創(chuàng)建動態(tài)對象和值
使用 JavaScript，我們可以動態(tài)創(chuàng)建對象鍵和值并相應地更新它們。
6、切片數(shù)組
以數(shù)組中的一個實例為例，我們只需要數(shù)組中的一些數(shù)字，以我們只需要數(shù)組的前 10 個數(shù)字為例。我們怎么能做到這一點？
7、切片數(shù)組中的最后一個元素
與我們上面看到的非常相似，我們也可以對數(shù)組中的最后一個元素進行切片。
以我們想要數(shù)組中的最后兩個元素為例，我們可以按如下所示進行。
8、將對象轉(zhuǎn)換為數(shù)組
有時可能非常有用，但有一種方法可以將對象轉(zhuǎn)換為數(shù)組。
我大部分時間不使用它，但有時會很方便。我們需要在 Objects.keys() 中傳遞對象。
它的作用是只枚舉鍵并忽略值。
9、 性能檢查
這個技巧讓我們可以檢查代碼的整體性能。它顯示你的代碼執(zhí)行或運行所需的時間。
有時可以派上用場。
10、自調(diào)用函數(shù)
這是一個在創(chuàng)建后立即執(zhí)行的函數(shù)。它不會等待實例被調(diào)用。
也稱為匿名函數(shù)或立即調(diào)用函數(shù)。
結(jié)論
這些是關于 JavaScript 的一些令人驚奇的技巧和竅門，我覺得它們很神奇而且很有用。
我很想知道你使用了哪些有用的技巧和竅門，歡迎在留言區(qū)與我一起來分享討論。
感謝你抽出時間閱讀本文。
學習更多技能
請點擊下方公眾號
