21 個簡潔的 JavaScript單行代碼示例技巧
const isArray = variable => Array.isArray(variable);
Array.isArray() 方法檢查給定變量是否是數(shù)組。
2. 獲取數(shù)組中的最后一項：
const lastItem = array => array.slice(-1)[0];
通過使用負數(shù)組索引和 slice() 方法，我們可以輕松檢索數(shù)組中的最后一項。
3. 生成一個范圍內(nèi)的隨機數(shù)：
const randomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1)) + m
使用 Math.random()、Math.floor() 和一點算術(shù)，我們可以生成指定范圍內(nèi)的隨機數(shù)。
4. 合并兩個數(shù)組：
const mergedArray = (array1, array2) => [...array1, ...array2];
擴展運算符 (...) 允許我們將兩個數(shù)組合并為一個數(shù)組。
5. 從數(shù)組中刪除重復項：
const uniqueArray = array => [...new Set(array)];
通過使用 Set 對象和展開運算符，我們可以輕松地消除數(shù)組中的重復值。
6. 將字符串的第一個字母大寫：
const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
這個簡潔的代碼片段將給定字符串的第一個字母大寫。
7. 檢查字符串是否包含子字符串：
const containsSubstring = (string, substring) => string.includes(substring);
使用includes()方法，我們可以快速判斷一個字符串是否包含特定的子字符串。
8. 查找數(shù)組中的最大數(shù)字：
const maxNumber = array => Math.max(...array);
使用擴展運算符和 Math.max() 方法，我們可以輕松找到數(shù)組中的最大數(shù)字。
9. 計算數(shù)字數(shù)組的總和：
const sumArray = array => array.reduce((total, num) => total + num, 0);
reduce() 方法允許我們通過迭代地將每個元素添加到運行總計中來計算數(shù)組的總和。
10. 反轉(zhuǎn)字符串：
const reverseString = string => string.split('').reverse().join('');
此單行代碼使用 split()、reverse() 和 join() 方法來反轉(zhuǎn)給定的字符串。
11. 打亂數(shù)組：
const shuffleArray = array => array.sort(() => Math.random() - 0.5);
通過提供生成隨機值的自定義排序函數(shù)，我們可以對數(shù)組的元素進行打亂。
12. 從數(shù)組中刪除假值：
const truthyValues = array => array.filter(Boolean);
filter() 方法與布爾構(gòu)造函數(shù)一起允許我們從數(shù)組中刪除假值（例如 null、undefined 和 false）。
13. 截斷字符串并在超過指定長度時添加省略號：
const truncateString = (string, maxLength) => string.length > maxLength ? string.slice(0, maxLength) + '...' : string;
此單行將字符串截斷為指定長度，并在超過該長度時附加省略號。
14. 查找數(shù)組中元素第一次出現(xiàn)的索引：
const indexOfElement = (array, element) => array.indexOf(element);
indexOf() 方法返回數(shù)組中給定元素第一次出現(xiàn)的索引。
15. 檢查字符串是否為回文：
const isPalindrome = string => string === string.split('').reverse().join('');
這個簡潔的代碼片段通過將字符串與其反轉(zhuǎn)版本進行比較來檢查字符串是否為回文。
16. 將字符串轉(zhuǎn)換為字符數(shù)組：
const stringToArray = string => Array.from(string);
Array.from() 方法將可迭代對象（例如字符串）轉(zhuǎn)換為數(shù)組。
17. 生成指定范圍內(nèi)的數(shù)字數(shù)組：
const rangeArray = (start, end) => Array.from({length: end - start + 1}, (_, i) => start + i);
使用 Array.from() 方法和箭頭函數(shù)，我們可以生成給定范圍內(nèi)的數(shù)字數(shù)組。
18. 刪除字符串開頭和結(jié)尾的空格：
const trimString = string => string.trim();
Trim() 方法刪除字符串兩端的空格。
19. 求一組數(shù)字的平均值：
const average = array => array.reduce((total, num) => total + num, 0) / array.length;
通過將數(shù)組的總和除以它的長度，我們可以計算出數(shù)字的平均值。
20. 檢查數(shù)字是否為偶數(shù)：
const isEven = number => number % 2 === 0;
這個簡潔的代碼片段通過驗證數(shù)字除以 2 的余數(shù)是否為零來檢查數(shù)字是否為偶數(shù)。
21. 從鍵值對數(shù)組創(chuàng)建對象：
const objectFromPairs = pairs => Object.fromEntries(pairs);
Object.fromEntries() 方法從鍵值對數(shù)組創(chuàng)建一個對象。
通過探索這些簡潔的一行代碼示例，您可以提高 JavaScript 技能并學習編寫高效、優(yōu)雅代碼的新方法。
嘗試將這些片段合并到您的項目中以增強您的開發(fā)工作流程。
請記住始終努力提高代碼的可讀性和可維護性，平衡簡潔性和清晰度。
最后，感謝您的閱讀，祝編程愉快！
學習更多技能
請點擊下方公眾號
