預設值的短路演化
跳過預設值的 if-else。使用 || 進行更簡潔、單行的作業。
//old way let userName; if (userInput) { userName = userInput; } else { userName = 'Guest'; } //modern way const userName = userInput || 'Guest';
在沒有暫時變數的情況下滑動變數
使用陣列解構在單行中交換值,不需要臨時值。
//old way let temp = a; a = b; b = temp; //modern way let a = 1, b = 2; [a, b] = [b, a];
輸出:a = 2 且 b = 2
快速克隆數組
使用擴充運算子克隆數組以獲得更簡單、更
直觀的方法。
// old way const clone = original.slice(); //modern way const original = [1, 2, 3]; const clone = [...original];
輕鬆刪除數組中的重複項
使用 Set 刪除重複項,將其變成簡潔的單行現代解決方案。
//old way const uniqueArray = []; for (let i = 0; i < array.length; i++) { if (!uniqueArray.includes(array[i])) { uniqueArray.push(array[i]); } } //modern way const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];
快速將字串轉換為數字
使用一元運算子將字串轉換為數字,以獲得
快速解決方案。
//old way const num = parseInt('12', 39); //modern way consst num = +'12';
結論
這些現代 JavaScript 技術提供了更乾淨、更有效率且通常更易讀的程式碼。使用這些單行程式碼和內建函數可以簡化複雜的邏輯,消除冗餘
以上是iller JavaScript Hacks 希望我很快就能知道的詳細內容。更多資訊請關注PHP中文網其他相關文章!