【开发者成长】10个实用的ES6 方法
云栖号资讯：【点击查看更多行业资讯】在这里您可以找到不同行业的第一手的上云资讯，还在等什么，快来！ 毫无疑问，JavaScript 是Web开发中最流行的编程语言之一。 无论使用的是 React，Vue 还是Angular，都只是 JavaScript。 JS围绕着广阔而至关重要的生态系统发展，提供了无数的框架和库，可帮助我们更快地开发应用程序。 但是有时候最好退一步，尝试了解如何在没有使用库的情况下做事。 看看下面的代码片段，它们以优雅的方式解决了简单的问题，在日常项目也很实用，所以记好笔记，当遇到问题时就可直接来用使用。 1.字符串反转 在此示例中，我们使用展开运算符，Array的reverse方法和 String 的join方法来反转给定的字符串。 2.计算指定数字的阶乘 3.将数字转换为数字数组 4.检查数字是否为2的幂 5.从对象创建键-值对数组 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.检查数组中的所有元素是否相等 8.返回数的平均值 const averageOfTwoNumbers = (...numbers) => numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0) / numbers.length // 事例averageOfTwoNumbers(...[6, 7, 8]) // 7averageOfTwoNumbers(...[6, 7, 8, 9]) // 7.5 9.返回两个或多个数字的和 const sumOfNumbers = (...array) => [...array].reduce((accumulator, currentValue) => accumulator + currentValue, 0) // 事例sumOfNumbers(5, 6, 7, 8, 9, 10) // 45sumOfNumbers(...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]) // 50 10.返回数字数组的幂集 代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。 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]] 【云栖号在线课堂】每天都有产品技术专家分享！课程地址：https://yqh.aliyun.com/zhibo 立即加入社群，与专家面对面，及时了解课程最新动态！【云栖号在线课堂 社群】https://c.tb.cn/F3.Z8gvnK 原文发布时间：2020-03-19本文作者：Simon Holdorf本文来自：“webdevhub”，了解相关信息可以关注“webdevhub”
