您好,登錄后才能下訂單哦!
這篇文章給大家介紹你現(xiàn)在可以使用的10個(gè)JavaScript代碼段分別是哪些,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
毫無(wú)疑問(wèn),JavaScript是Web開(kāi)發(fā)中最流行的編程語(yǔ)言之一。無(wú)論您使用的是React,Vue還是Angular,都只是JavaScript。圍繞JS展開(kāi)了廣泛而重要的生態(tài)系統(tǒng),提供了無(wú)數(shù)的框架和庫(kù),可幫助你更快地開(kāi)發(fā)應(yīng)用程序。
但是有時(shí)候最好退一步,嘗試了解如何在沒(méi)有庫(kù)的情況下做事??纯聪旅娴拇a片段,以優(yōu)雅的方式解決簡(jiǎn)單的問(wèn)題,并在日常項(xiàng)目情況下使用這些知識(shí)或?yàn)榫幋a面試做準(zhǔn)備。
1. 反轉(zhuǎn)字符串
在此示例中,我們使用擴(kuò)展運(yùn)算符(…),Array的reverse方法和String的join方法來(lái)反轉(zhuǎn)給定的字符串。
const reverseString = string => [...string].reverse().join(''); // 例子 reverseString('javascript'); // 'tpircsavaj' reverseString('good'); // 'doog'
2. 計(jì)算數(shù)字的階乘
要計(jì)算給定數(shù)字的階乘,我們使用箭頭函數(shù)和嵌套三元運(yùn)算符。
const factoriaOfNumber = number => number < 0 ? (() => { throw new TypeError('No negative numbers please'); })() : number <=1 ? 1 : number * factoriaOfNumber(number -1); // 例子 factoriaOfNumber(4); // 24 factoriaOfNumber(8); // 40320
3. 將數(shù)字轉(zhuǎn)換為數(shù)字?jǐn)?shù)組
在此示例中,我們使用擴(kuò)展運(yùn)算符(…),Array的map方法和 parseInt 函數(shù)將給定的數(shù)字轉(zhuǎn)換為一個(gè)單數(shù)的數(shù)組。
const convertToArray = number => [...`${number}`].map(el => parseInt(el)); // 例子 convertToArray(5678); // [5, 6, 7, 8] convertToArray(123456789); // [1, 2, 3, 4, 5, 6, 7, 8, 9]
4. 檢查數(shù)字是否為2的冪
這很簡(jiǎn)單。我們檢查該數(shù)字不是偽造的,并使用按位AND運(yùn)算符(&)來(lái)確定數(shù)字是否為2的冪。
const isNumberPowerOfTwo = number => !!number && (number & (number - 1)) == 0; // 例子 isNumberPowerOfTwo(100); // false isNumberPowerOfTwo(128); // true
5. 從對(duì)象創(chuàng)建鍵值對(duì)數(shù)組
在此示例中,我們使用Object中的keys方法和Array中的map方法來(lái)映射Object的鍵并創(chuàng)建鍵/值對(duì)數(shù)組。
const keyValuePairsToArray = object => Object.keys(object).map(el => [el, object[el]]); // 例子 keyValuePairsToArray({ Better: 4, Programming: 2 }); // [ ['Better', 4], ['Programming', 2] ] keyValuePairsToArray({ x: 1, y: 2, z: 3 }); // [ ['x', 1], ['y', 2], ['z', 3] ]
6. 返回?cái)?shù)組中的[Number]個(gè)最大元素
為了從數(shù)組中返回最大元素,我們使用了一個(gè)箭頭函數(shù),該函數(shù)獲取數(shù)組和我們希望函數(shù)返回的元素?cái)?shù)。我們使用擴(kuò)展運(yùn)算符(…)以及Array中的sort和slice方法。請(qǐng)注意,如果我們不提供第二個(gè)參數(shù),則 number 的默認(rèn)值為 1,因此僅返回一個(gè)最大元素。
const maxElementsFromArray = (array, number = 1) => [...array].sort((x, y) => y - x).slice(0, number); // 例子 maxElementsFromArray([1,2,3,4,5]); // [5] maxElementsFromArray([7,8,9,10,10],2); // [10, 10]
7. 檢查數(shù)組中的所有元素是否相等
在這個(gè)簡(jiǎn)短的示例中,我們使用Array中的every方法檢查數(shù)組中的所有元素是否相等。我們基本上檢查每個(gè)元素是否等于數(shù)組中的第一個(gè)元素。
const elementsAreEqual = array => array.every(el => el === array[0]); // 例子 elementsAreEqual([9,8,7,6,5]); // false elementsAreEqual([4,4,4,4,4]); // true
8. 返回兩個(gè)數(shù)的平均值
在此示例中,我們使用了擴(kuò)展運(yùn)算符(…)和Array中的reduce方法來(lái)返回兩個(gè)給定數(shù)字或一個(gè)數(shù)組的平均值。
const averageOfTwoNumbers = (...numbers) => numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length; // 例子 averageOfTwoNumbers(...[6,7,8]); // 7 averageOfTwoNumbers(6,7,8,9); // 7.5
9. 返回兩個(gè)或多個(gè)數(shù)字的總和
要返回兩個(gè)或多個(gè)給定數(shù)字或一個(gè)數(shù)組的總和,我們?cè)俅问褂脭U(kuò)展運(yùn)算符(…)和Array中的reduce方法。
const sumOfNumbers = (...array) => [...array].reduce((accumulator, currentValue) => accumulator + currentValue, 0); // 例子 sumOfNumbers(5,6,7,8,9.10); // 45 sumOfNumbers(...[1,2,3,4,5,6,7,8,9,10]); // 50
10. 返回?cái)?shù)字?jǐn)?shù)組的冪集
在最后一個(gè)示例中,我們要返回?cái)?shù)字?jǐn)?shù)組的冪集。因此,我們使用Array中的reduce,map和concat方法。
const powersetOfArray = array => array.reduce((accumulator, currentValue) => accumulator.concat(accumulator.map(el => [currentValue].concat(el))), [[]]); // 例子 powersetOfArray([4, 2]); // [[], [4], [2], [2, 4]] powersetOfArray([1, 2, 3]); / // [[], [1], [2], [2, 1], [3], [3, 1], [3, 2], [3, 2, 1]]
如你所見(jiàn),使用JavaScript和一些ES6魔術(shù)來(lái)解決這些任務(wù)并不總是困難的。
關(guān)于你現(xiàn)在可以使用的10個(gè)JavaScript代碼段分別是哪些就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。