18個代碼優(yōu)化技巧,讓你優(yōu)雅起來!
每當(dāng)我在網(wǎng)上瀏覽到大神的代碼,我就
常常因自己功能實現(xiàn)的不夠巧妙而羞愧
又因自己代碼書寫的不夠優(yōu)雅而悔恨
不禁讓我想起來雷軍的那段經(jīng)典
提問:寫過詩嗎?
雷總:我沒有寫過詩,但是有人說我寫過的代碼,像詩一樣優(yōu)雅!

感興趣的可以在我們這篇文章里面看看,雷總究竟是怎么讓代碼優(yōu)雅成了詩的。
https://www.bilibili.com/read/cv25179408
今天我們就給大家的介紹18種讓你的JavaScript代碼優(yōu)雅起來的方法。
1、查找數(shù)組的最大值和最小值
2、獲取字符串的字符
3、Object.entries()
這個方法可以將對象轉(zhuǎn)換為對象數(shù)組
4、條件查找簡化
如果我們要基于不同的類型調(diào)用不同的方法,可以使用多個 else if 語句或 switch,但有沒有比這更好的簡化技巧呢
5、數(shù)組 find 簡化
當(dāng)我們有一個對象數(shù)組,并想根據(jù)對象屬性找到特定對象,find 方法會非常有用。
6、跨行字符串
當(dāng)我們在代碼中處理跨行字符串時,可以這樣做。
7、將字符串轉(zhuǎn)成數(shù)字
8、解構(gòu)賦值
9、模板字面量
如果你厭倦了使用 + 將多個變量連接成一個字符串,那么這個簡化技巧將讓你不再頭痛。
10、延展操作符簡化
我們也可以使用延展操作符進(jìn)行克隆。
11、默認(rèn)參數(shù)值
12、 指數(shù)表示法
13、隱式返回
通過使用箭頭函數(shù),我們可以直接返回值,不需要 return 語句。
14、switch 簡化
我們可以將條件保存在鍵值對象中,并根據(jù)條件來調(diào)用它們。
15、簡短的函數(shù)調(diào)用
我們可以使用三元操作符來實現(xiàn)多個函數(shù)調(diào)用。
16、for each 循環(huán)
這是一種常見的循環(huán)簡化技巧。
遍歷數(shù)組的每一個變量。
17、 用于多個條件判斷的 && 操作符
如果只在變量為 true 時才調(diào)用函數(shù),可以使用 && 操作符。
18、簡化 if true...else
對于不包含大邏輯的 if-else 條件,可以使用下面的快捷寫法。我們可以簡單地使用三元運(yùn)算符來實現(xiàn)這種簡化。
如果有嵌套的條件,可以這么做。