符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍javascript中常用的ES6方法有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
从网站建设到定制行业解决方案,为提供网站设计、成都网站建设服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。创新互联将不断加快创新步伐,提供优质的建站服务。
1.可以使网页具有交互性,例如响应用户点击,给用户提供更好的体验。 2.可以处理表单,检验用户的输入,并提供及时反馈节省用户时间。 3.可以根据用户的操作,动态的创建页面。 4使用JavaScript可以通过设置cookie存储在浏览器上的一些临时信息。
毫无疑问,JavaScript 是Web开发中最流行的编程语言之一。 无论使用的是 React,Vue 还是Angular,都只是 JavaScript。 JS围绕着广阔而至关重要的生态系统发展,提供了无数的框架和库,可帮助我们更快地开发应用程序。
但是有时候最好退一步,尝试了解如何在没有使用库的情况下做事。 看看下面的代码片段,它们以优雅的方式解决了简单的问题,在日常项目也很实用,所以记好笔记,当遇到问题时就可直接来用使用。
1.字符串反转
在此示例中,我们使用展开运算符,Array的reverse
方法和 String 的join
方法来反转给定的字符串。
const reverseString = string => [...string].reverse().join('') // 事例 reverseString('Medium') // "muideM" reverseString('Better Programming') // "gnimmargorP retteB"
2.计算指定数字的阶乘
const factorialOfNumber = number => number < 0 ? (() => { throw new TypeError('请输入正整数') })() : number <= 1 ? 1 : number * factorialOfNumber(number - 1) // 事例 factorialOfNumber(4) // 24 factorialOfNumber(8) // 40320
3.将数字转换为数字数组
const converToArray = number => [...`${number}`].map(el => parseInt(el)) // 事例 converToArray(5678) // [5, 6, 7, 8] converToArray(12345678) // [1, 2, 3, 4, 5, 6, 7, 8]
4.检查数字是否为2的幂
const isNumberPowerOfTwo = number => !!number && (number & (number - 1)) == 0 // 事例 isNumberPowerOfTwo(100) // false isNumberPowerOfTwo(128) // true
5.从对象创建键-值
对数组
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.返回数字数组中的最大值
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. 检查数组中的所有元素是否相等
const elementsAreEqual = array => array.every(el => el === array[0]) // 事例 elementsAreEqual([9, 8, 7, 6, 5, 4]) // false elementsAreEqual([4, 4, 4, 4, 4]) // true
8. 返回数的平均值
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.返回两个或多个数字的和
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.返回数字数组的幂集
所谓幂集(Power Set), 就是原集合中所有的子集(包括全集和空集)构成的集族。可数集是最小的无限集; 它的幂集和实数集一一对应(也称同势),是不可数集。 不是所有不可数集都和实数集等势,集合的势可以无限的大。如实数集的幂集也是不可数集,但它的势比实数集大。 设X是一个有限集,|X| = k,则X的幂集的势为2的k次方。
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]]
以上是“javascript中常用的ES6方法有哪些”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!