10个实用的ES6方法,快来收藏!

本篇文章给大家分享10个实用的es6方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

10个实用的ES6方法,快来收藏!

毫无疑问,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  {      throw new TypeError('请输入正整数')    })()    : number 

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) // falseisNumberPowerOfTwo(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]) // falseelementsAreEqual([4, 4, 4, 4, 4]) // true

登录后复制

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.返回数字数组的幂集

所谓幂集(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]]

登录后复制

原文地址:https://webdevhub.net/articles/javascriptmedium/10-javascript-code-snippets-you-can-use-right-now作者:Simon Holdorf

更多编程相关知识,请访问:编程教学!!

以上就是10个实用的ES6方法,快来收藏!的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2714472.html

(0)
上一篇 2025年3月7日 21:34:04
下一篇 2025年3月7日 21:34:20

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 定义javascript数组的方法有哪些

    定义数组的方法:1、使用“var arr=[值1,值2,值3..];”语句来定义;2、使用“var arr=new Array(值1,值2,值3..);”语句来定义;3、使用“var array=new Array(size)”语句来定义。…

    2025年3月7日
    000
  • JavaScript如何定义变量

    本篇文章给大家详细介绍一下javascript定义变量的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 标识符命名规则 标识符的组成有字母、数字、## 标题下划线、$、变量名不能以数字开头标识符不能使用内置关键字 i…

    2025年3月7日
    200
  • javascript怎么隐藏鼠标

    javascript隐藏鼠标的方法:首先使用“document.getElementById(“id值”)”语句获取指定元素对象;然后使用“元素对象.style.cursor=”none””语…

    2025年3月7日
    200
  • javascript怎么把字符串转换为数组

    转换方法:1、使用“String.prototype.split()”语句;2、使用“[…string]”语句;3、使用“Array.from(string)”语句;4、使用“Object.assign([], string)”…

    2025年3月7日 编程技术
    200
  • javascript怎么进行全局错误处理

    在JavaScript中,可以通过绑定“window.onerrot”事件来进行页面全局error错误处理,语法格式“function 函数名(msg,url,l,c,error){//代码} window.onerror = 函数名;”。…

    2025年3月7日 编程技术
    200
  • javascript怎么禁止缓存

    方法:在js文件url后加问号和随机数字,例“a.js?223”。原理:在资源的url后面加上数字,对文件加载不会有影响,但如果数字发生改变,浏览器就会认为这是一个全新文件,会重新下载缓存,所以加数字的作用是强制浏览器调用新地址,防止缓存。…

    2025年3月7日
    200
  • javascript怎么实现按钮点击进行跳转

    方法:1、给按钮元素添加“onclick=”location.href=’url’””语句进行跳转。2、首先给按钮元素绑定点击事件;然后指定触发点击事件时,会执行的函数;最后在执行函数中,使用“locat…

    2025年3月7日
    200
  • javascript可以获取input的值吗

    javascript可以获取input的值,方法:首先使用“document.getElementById(“id值”)”语句获取到input元素对象;然后使用“input元素对象.value”语句来获取input元…

    2025年3月7日
    200
  • 教你一招吃通javascript正则表达式

    本篇文章给大家详细介绍一下吃通javascript正则表达式的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 正则表达式的作用 简单来讲正则表达式的作用就是进行字符串的增删改查,虽然javascritpt语言已经有及…

    2025年3月7日 编程技术
    200
  • 一招搞定JavaScript猜数字小游戏

    本篇文章给大家详细介绍一下搞定javascript猜数字小游戏的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 JavaScript 猜数字小游戏 在1~10中随机抽取一个数字,(抽取的数字可以在控制台查看)只有十次…

    2025年3月7日
    200

发表回复

登录后才能评论