JavaScript 是一種多功能且功能強大的編程語言，廣泛用于前端和后端開發。

作為一名 JavaScript 開發人員，不斷提高您的技能并了解該語言的最新進展非常重要。

實現這一目標的一種方法是探索簡潔的一行代碼示例，這些示例展示了 JavaScript 的優雅和高效。

因此，在今天這篇文章中，我們將深入研究 21 個JavaScript單行代碼技巧，它們將增強您的 JavaScript 技能并幫助您編寫更簡潔、更有效的代碼。

1. 檢查變量是否是數組：

const isArray = variable => Array.isArray(variable);

Array.isArray() 方法檢查給定變量是否是數組。

2. 獲取數組中的最后一項：

const lastItem = array => array.slice(-1)[0];

通過使用負數組索引和 slice() 方法，我們可以輕松檢索數組中的最后一項。

3. 生成一個范圍內的隨機數：

const randomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + m

使用 Math.random()、Math.floor() 和一點算術，我們可以生成指定范圍內的隨機數。

4. 合并兩個數組：

const mergedArray = (array1, array2) => [...array1, ...array2];

擴展運算符 (...) 允許我們將兩個數組合并為一個數組。

5. 從數組中刪除重復項：

const uniqueArray = array => [...new Set(array)];

通過使用 Set 對象和展開運算符，我們可以輕松地消除數組中的重復值。

6. 將字符串的第一個字母大寫：

const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);

這個簡潔的代碼片段將給定字符串的第一個字母大寫。

7. 檢查字符串是否包含子字符串：

const containsSubstring = (string, substring) => string.includes(substring);

使用includes()方法，我們可以快速判斷一個字符串是否包含特定的子字符串。

8. 查找數組中的最大數字：

const maxNumber = array => Math.max(...array);

使用擴展運算符和 Math.max() 方法，我們可以輕松找到數組中的最大數字。

9. 計算數字數組的總和：

const sumArray = array => array.reduce((total, num) => total + num, 0);

reduce() 方法允許我們通過迭代地將每個元素添加到運行總計中來計算數組的總和。

10. 反轉字符串：

const reverseString = string => string.split('').reverse().join('');

此單行代碼使用 split()、reverse() 和 join() 方法來反轉給定的字符串。

11. 打亂數組：

const shuffleArray = array => array.sort(() => Math.random() - 0.5);

通過提供生成隨機值的自定義排序函數，我們可以對數組的元素進行打亂。

12. 從數組中刪除假值：

const truthyValues = array => array.filter(Boolean);

filter() 方法與布爾構造函數一起允許我們從數組中刪除假值（例如 null、undefined 和 false）。

13. 截斷字符串并在超過指定長度時添加省略號：

const truncateString = (string, maxLength) => string.length > maxLength ? string.slice(0, maxLength) + '...' : string;

此單行將字符串截斷為指定長度，并在超過該長度時附加省略號。

14. 查找數組中元素第一次出現的索引：

const indexOfElement = (array, element) => array.indexOf(element);

indexOf() 方法返回數組中給定元素第一次出現的索引。

15. 檢查字符串是否為回文：

const isPalindrome = string => string === string.split('').reverse().join('');

這個簡潔的代碼片段通過將字符串與其反轉版本進行比較來檢查字符串是否為回文。

16. 將字符串轉換為字符數組：

const stringToArray = string => Array.from(string);

Array.from() 方法將可迭代對象（例如字符串）轉換為數組。

17. 生成指定范圍內的數字數組：

const rangeArray = (start, end) => Array.from({length: end - start + 1}, (_, i) => start + i);

使用 Array.from() 方法和箭頭函數，我們可以生成給定范圍內的數字數組。

18. 刪除字符串開頭和結尾的空格：

const trimString = string => string.trim();

Trim() 方法刪除字符串兩端的空格。

19. 求一組數字的平均值：

const average = array => array.reduce((total, num) => total + num, 0) / array.length;

通過將數組的總和除以它的長度，我們可以計算出數字的平均值。

20. 檢查數字是否為偶數：

const isEven = number => number % 2 === 0;

這個簡潔的代碼片段通過驗證數字除以 2 的余數是否為零來檢查數字是否為偶數。

21. 從鍵值對數組創建對象：

const objectFromPairs = pairs => Object.fromEntries(pairs);

Object.fromEntries() 方法從鍵值對數組創建一個對象。

通過探索這些簡潔的一行代碼示例，您可以提高 JavaScript 技能并學習編寫高效、優雅代碼的新方法。

嘗試將這些片段合并到您的項目中以增強您的開發工作流程。

請記住始終努力提高代碼的可讀性和可維護性，平衡簡潔性和清晰度。