你现在可以使用的10个JavaScript代码段

云栖号资讯:【点击查看更多行业资讯】
在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来!


毫无疑问,JavaScript是Web开发中最流行的编程语言之一。无论您使用的是React,Vue还是! 3 vAngular,都只是Ja w O # =vaS} x ? 1 W pcript。围绕JS展开了广泛而重要的生态系统,提供了无数的框架和i v ] { ! ) 9库,可帮助你更快地开发应用程序。

但是有时候最好退一步,尝试了解如何在没有库的情况下做事。看看下面的代码片段,以优雅的方式解决简单R W i . G :的问题,并在日常项目情况下使用这些知识或为编码面试做准备。z o 8 A m y 1 J

1.反转字符串

在此示例中,我们使用扩展运算符(…),Array的reverse( Y s . n W O方法和String的join方法来反转给定的字符串。

const reverseString = string => [...string].rev 5 jverse().join('');
// 例子
revy v  6 erseString('javascript'); // 'tpircsavaj'
reverseA ( ? B _ o I oString('good'); // 'doog'

2.计算数字的阶乘

要计算给定数字的阶乘,我们使用箭头函数和嵌套三元运算符。

const factoriaOfNumber = num[  J w % R O T yber => number < 0 ? (() => {
throw new TypeError('No negatI S oive numberq $ ( H 4s please');
})()
: number <=1
? 1
: number * factoriaOfNumber(number -1);
// 例子
factoriaOfNumber(4); // 24
factoriaOfNumber(8); // 40320

3.将数字转换& C * d k z为数字数组

在此示例中,我们使用扩展运算符(…),Array的map方法和 parseInt 函数将给定的数字转换为一个单数的数组

conE Z % ! m U A Hst convertToArray = number =&g= 9 @ ; d F 8t; [...`${number}`].map(el => parseInt(el));
// 例子
convertToArray(y p a i k ! P p5678); // [5, 6, 7, 8]
convertTo( 0 j w ^ GArray(123456789)E $ i 1 o $ c; //B . - [1, 2, 3, 4, 5, 6, 7, 8, 9]

4.检查数字是否为2的幂

这很简单。我们检查该数字不是伪造的,并使用按位AND运算符(&)来确定数字w U A是否为2的幂。

const isNumberPowerOfTwo = nu$ ( 5  ` Omber => !!number && (number & (number - 1)) == 0;
// 例子
isNumbh ] GerPowerOfTwo(100); /1 k F T/ false
isNumberPowerOfTwo(128); // true

5.从对象创建键值对数组

在此示例中,我们使用Object中的$ : ) Q D y Okeys方法和Array中的map方法来映射Object的键并创建键/值 c S (对数组。

const keyValuePairsToArray = object =>a  T H; Object.keys(object).map(el => [el, object[el]]);
// 例子
keyValuePairsTo@ K % m V xArray({ Better: 4, Programming: 2 });
// [ ['Better'C V k R v f s, 4], ['Programming', 2] ]
keyValuePairsToArray({ x: 1, y: 2,J A - v $ % 5 z: 3 });
// [ ['x', 1], ['y', 2], ['z', 3] ]

6.返回& # 1 ^ T数组中的[Num[ J pber]个最大元素

为了从数组中返回最大元素2 w o 8 1 2,我们使用了一个箭头函数,该函O ` c Q ; d + S数获取数组和我们希望函数返回的元素数。我们使用扩展运算符(…)以及Ar2 4 - g } !ray中z ! O的sort和slice方法。请注意,如果我们不提供第二个参数,则 num0 5 = f w Tber 的默认值为 1,因此仅返回一个最大元素。

const maxElementsFromArray = (array, numbeX B A &r = 1) => [...array].sort((j _ / $ & % y { Ux, y) =&W x E +gt; y - x).slice(0, number);
// 例子
maxElementsFro& ] X ; { 1 emArray([1,2,3,4,5]); // [5]
maxEle } K ? Kmen: x g v q s 6tsFromArray([7,8,9,10,10],2); // [10,@ 7 P % 10]

7.检查数组中的所有元素是否相等

在这个简短的示例中,我们使用Array中的every方法检查数组中的所有元素是否相等。我们基本上检查每个元素是否等于数组中的第一个元素。

const elementsAreEqual = array => array.every(el => el === array[0]);
// 例子
elementsAreEqual([9,8,7,6,5]); // false
elementsAreEqual([4,4,4,4,4]); // true

8.返回两个数的平均值

在此示例中,我们3 * = x使用了扩展运算符(…)和Array中0 ) a ]reduce方法来返回两个给定数字或一个数组的平均值。} 2 H x :

const averageOfTwoNumbers = (...numbers)U } g ~ j u ) => numbers.reduce((accumulator, currentValue) => accumulator + currentValP ^ 9 5 Y 7 K _ue, 0) / nuO 8 z = N { Q Lmbers.length;
// 例子
averageOfTwoNumbers(...[6,7,8]); // 7
averageOfTwoNumbers(6,7,8,9); // 7.5

9.返回两个或多个数字的总和

要返回两个或多个给定数字或一个数组的总和,我们再次使用扩展运算符(…)和Array中的reduce方法。

const sumOf~ 5 e HNumbers = (...array) => [...array].reduce((accumulator, currentValue) => accumulator + currentValue, 0);
// 例子
sumJ * g wOfNumbers(5,6,7,8,9.10); /, r g & Y r p/k w ~ H l 9 O 45Y J ] ] ) W
sumOfNumbers(..| X 9.[1,2,3,4,5,6,7,8,9,; t )10]); // 50

10.返回数字数组的幂集

在最后一个示例中,我E $ a J们要返回数字数组的幂集。因此,我们使用Array中的red* 4 2uce,map和concat方法。

coa h p 5 ` Y 0 tnst 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],t L . 2 h C / u ^ [3, 2], [~ $ p [ - #3, 2, 1]]

如你所见,使用JavaScF * mript和一些ES6魔术来解决这S , #些任务并不总是困难的。

【云栖号在线课堂】每天都有产品技术专家分享!
课程地址:https://yqh.aliyu* v b v W V { $n.com/live

立即加入社群,与专家面对面,及时了解课程最新动态!
【云栖号在线课堂 社群】https://c8 } $ ( 6.tb.cn/F3.Z8gvnK

原文发布时间:2020-08-01& c v k a
本文作者:杜尼卜
本文来自:u i l $ U“掘金”,了解相关信息可以关注“掘金”