JavaScript，這種強(qiáng)大的語(yǔ)言幾乎涉及到編程各個(gè)方面：前端、后端、web應(yīng)用程序、桌面應(yīng)用程序、移動(dòng)應(yīng)用程序等等。小千整理了18個(gè)常用的JavaScript片段分享給大家，在日常開(kāi)發(fā)工作中，它們將為你大大節(jié)省時(shí)間。

1、maxItemOfArray

獲取數(shù)組中的最大數(shù)字

const maxItemOfArray = (arr) => arr.sort((a, b) => b - a)[0];let maxItem = maxItemOfArray([3, 5, 12, 5]);

2、areAllEqual

檢查數(shù)組的所有項(xiàng)是否相等

const areAllEqual = array => array.every(item => item === array[0]);

let check1 = areAllEqual([3, 5, 2]); // false

let check2 = allEqual([3, 3, 3]); // true

3、averageOf

求給定數(shù)字的平均值

const averageOf = (…numbers) => numbers.reduce((a, b) => a + b, 0) / numbers.length;

let average = averageOf(5, 2, 4, 7); // 4.5

4、reverseString

反轉(zhuǎn)一個(gè)字符串

const reverseString = str => […str].reverse().join(‘’);

let a = reverseString(‘Have a nice day!’); // !yad ecin a evaH

5、sumOf

求給定數(shù)字的和

const sumOf = (…numbers) => numbers.reduce((a, b) => a + b, 0);

let sum = sumOf(5, -3, 2, 1); // 5

6、findAndReplace

在字符串中查找給定的單詞，并替換為另一個(gè)單詞

const findAndReplace = (string, wordToFind, wordToReplace) => string.split(wordToFind).join(wordToReplace);

let result = findAndReplace(‘I like banana’, ‘banana’, ‘a(chǎn)pple’); // I like apple

7、RGBToHex

將RGB模式下的顏色轉(zhuǎn)換為十六進(jìn)制

const RGBToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, ‘0’);

let hex = RGBToHex(255, 255, 255); // ffffff

8、shuffle

音樂(lè)播放器如何隨機(jī)播放播放項(xiàng)目？

const shuffle = ([…array]) => {

let m = array.length;

while (m) {

const i = Math.floor(Math.random() * m — );

[array[m], array[i]] = [array[i], array[m]];

}

return array;

};

shuffle([5, 4, 3, 6, 20]);

9、removeFalseValues

從數(shù)組中刪除false值，包括false，undefined，NaN，empty

const removeFalseValues = arr => arr.filter(item => item);

let arr = removeFalseValues([3, 4, false, ‘’, 5, true, undefined, NaN, ‘’]); // [3, 4, 5, true]

10、removeDuplicatedValues

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

const removeDuplicatedValues = array => […new Set(array)];

let arr = removeDuplicatedValues([5, 3, 2, 5, 6, 1, 1, 6]); // [5, 3, 2, 6, 1]

11、getTimeFromDate

以日期對(duì)象的字符串形式返回時(shí)間

const getTimeFromDate = date => date.toTimeString().slice(0, 8);

let time = getTimeFromDate(new Date()); // 09:46:08

12、capitalizeAllWords

將字符串中所有單詞的首個(gè)字母大寫

const capitalizeAllWords = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());

let str = capitalizeAllWords(‘i love reading book’); // I Love Reading Book

13、getDayDiff

返回兩個(gè)日期之間以天為單位的差值

const getDayDiff = (date1, date2) => ((date2 - date1) / (1000 * 3600 * 24));let diff = getDayDiff(new Date(‘2020-04-01’), new Date(‘2020-08-15’)); // 136

14、radianToDegree

把弧度轉(zhuǎn)換成角度

const radianToDegree = radian => (radian * 180.0) / Math.PI;let degree = radianToDegree(2.3); // 131.78

15、isValidJSON

檢查給定字符串是否是有效的JSON

const isValidJSON = string => { try { JSON.parse(string); return true; } catch (error) { return false; }};let check1 = isValidJSON(‘{“title”: “javascript”, “price”: 14}’); // truelet check2 = isValidJSON(‘{“title”: “javascript”, “price”: 14, sub title}’); // false

16、toWords

將給定的字符串轉(zhuǎn)換為單詞數(shù)組

const toWords = (string, pattern = /[^a-zA-Z-]+/) => string.split(pattern).filter(item => item);

let words = toWords(‘I want to be come a great programmer’); // [“I”, “want”,“to”, “be”, “come”, “a”, “great”, “programmer”]

17、scrollToTop

位于長(zhǎng)頁(yè)面的底部，并且想快速向上滾動(dòng)至頂部

const scrollToTop = () => { const t = document.documentElement.scrollTop || document.body.scrollTop; if (t > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, t — t / 8); }};

18、 isValidNumber

驗(yàn)證數(shù)字是否有效

const isValidNumber = n => !isNaN(parseFloat(n)) && isFinite(n) && Number(n) =

本文來(lái)自千鋒教育，轉(zhuǎn)載請(qǐng)注明出處。

與50位技術(shù)專家面對(duì)面20年技術(shù)見(jiàn)證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的18个常用的JavaScript片段分享的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。