前言
ES6 給我們編程帶來了很多便利,以前用大量代碼實現(xiàn)的功能現(xiàn)在變得非常簡潔。
本文總結(jié)了我在工作中經(jīng)常使用的 7 個 JavaScript 技巧,希望對你也有幫助。
1.找出數(shù)組中的最大值或最小值
有時,我們需要找到數(shù)組中的最大值,你通常是怎么做的?
解決方案 1
我們可以先對數(shù)組進行排序,然后,數(shù)組的最后一項就是最大值。
解決方案 2
還有其他解決方案嗎?是的,我們可以使用“Math.max”輕松處理它。
2.計算數(shù)組的總和
如果有一個數(shù)字數(shù)組,得到它們總和的最快方法是什么?
3.從數(shù)組中獲取隨機值
給你一個數(shù)組,現(xiàn)在你想從中獲取一個隨機值,你怎么做呢?
4.隨機打亂數(shù)組的值
我們在抽獎的時候,需要打亂抽獎順序。
5.展平多層陣列
現(xiàn)在我們有了一個多維嵌套數(shù)組,如何將其鋪成一維數(shù)組?
解決方案 1
解決方案 2
事實上,我們有一個更簡單的方法來解決它。關(guān)于flat,我們來看看MDN的解釋:
flat() 方法創(chuàng)建一個新數(shù)組,其中所有子數(shù)組元素遞歸連接到指定深度。
6.檢查數(shù)組是否包含值
過去,我們總是使用“indexOf”方法來檢查數(shù)組是否包含值。如果“indexOf”返回的值大于-1,則表示有一個。
但是,現(xiàn)在數(shù)據(jù)比較復(fù)雜,我們將無法通過 indexOf 方法直接確認數(shù)組中是否存在“fatfish”。幸運的是,ES6 中提供了 findIndex 方法。
7.使用“includes”方法進行判斷
你一定見過這樣的判斷方法,雖然,可以達到條件判斷的目的,但是,看起來很繁瑣。
我們可以使用includes方法讓代碼更簡單甚至更可擴展