JavaScript 是一種多功能且功能強(qiáng)大的編程語言，廣泛用于前端和后端開發(fā)。

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

實(shí)現(xiàn)這一目標(biāo)的一種方法是探索簡潔的一行代碼示例，這些示例展示了 JavaScript 的優(yōu)雅和高效。

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

1. 檢查變量是否是數(shù)組：

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

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

2. 獲取數(shù)組中的最后一項(xiàng)：

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

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

3. 生成一個(gè)范圍內(nèi)的隨機(jī)數(shù)：

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

使用 Math.random()、Math.floor() 和一點(diǎn)算術(shù)，我們可以生成指定范圍內(nèi)的隨機(jī)數(shù)。

4. 合并兩個(gè)數(shù)組：

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

擴(kuò)展運(yùn)算符 (...) 允許我們將兩個(gè)數(shù)組合并為一個(gè)數(shù)組。

5. 從數(shù)組中刪除重復(fù)項(xiàng)：

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

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

6. 將字符串的第一個(gè)字母大寫：

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

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

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

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

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

8. 查找數(shù)組中的最大數(shù)字：

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

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

9. 計(jì)算數(shù)字?jǐn)?shù)組的總和：

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

reduce() 方法允許我們通過迭代地將每個(gè)元素添加到運(yùn)行總計(jì)中來計(jì)算數(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);

通過提供生成隨機(jī)值的自定義排序函數(shù)，我們可以對數(shù)組的元素進(jìn)行打亂。

12. 從數(shù)組中刪除假值：

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

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

13. 截?cái)嘧址⒃诔^指定長度時(shí)添加省略號：

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

此單行將字符串截?cái)酁橹付ㄩL度，并在超過該長度時(shí)附加省略號。

14. 查找數(shù)組中元素第一次出現(xiàn)的索引：

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

indexOf() 方法返回?cái)?shù)組中給定元素第一次出現(xiàn)的索引。

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

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

這個(gè)簡潔的代碼片段通過將字符串與其反轉(zhuǎn)版本進(jìn)行比較來檢查字符串是否為回文。

16. 將字符串轉(zhuǎn)換為字符數(shù)組：

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

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

17. 生成指定范圍內(nèi)的數(shù)字?jǐn)?shù)組：

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

使用 Array.from() 方法和箭頭函數(shù)，我們可以生成給定范圍內(nèi)的數(shù)字?jǐn)?shù)組。

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

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

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

19. 求一組數(shù)字的平均值：

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

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

20. 檢查數(shù)字是否為偶數(shù)：

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

這個(gè)簡潔的代碼片段通過驗(yàn)證數(shù)字除以 2 的余數(shù)是否為零來檢查數(shù)字是否為偶數(shù)。

21. 從鍵值對數(shù)組創(chuàng)建對象：

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

Object.fromEntries() 方法從鍵值對數(shù)組創(chuàng)建一個(gè)對象。

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

嘗試將這些片段合并到您的項(xiàng)目中以增強(qiáng)您的開發(fā)工作流程。

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

網(wǎng)站名稱：21個(gè)簡潔的JavaScript單行代碼示例技巧
網(wǎng)頁路徑：http://uogjgqi.cn/article/coidphp.html