es6中三个点指的是什么意思


这篇文章给大家分享的是有关es6中三个点指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在es6中,三个点“…”指的是“扩展运算符”,可以在函数调用或数组构造时,将数组表达式或者string在语法层面展开;也可以在构造字面量对象时将对象表达式按照“key-value”的方式展开。本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。es6中三个点是什么意思三个点(...)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开字面量一般指[1,2,3]或者{name:’chuichui’}这种简洁的构免费云主机域名造方式,多层嵌套的数组和对象三个点就无能为力了说白了就是把衣服脱了,不管是大括号([])、花括号({}),统统不在话下,全部脱掉脱掉!扩展运算符的8种用法1. 拷贝数组对象使用扩展符拷贝数组是ES6中常用的操作:扩展运算符拷贝数组,只有第一层是深拷贝,即对一维数组使用扩展运算符拷贝就属于深拷贝,看下面的代码:把打印的结果放在一起便于更加清楚进行对比,如下:拷贝对象,代码如下:扩展运算符拷贝对象只会在一层进行深拷贝,从下面代码是基于上面代码:从打印的结果看,扩展运算符只对对象第一层进行了深拷贝。严格来讲,扩展运算符不执行深拷贝2. 合并操作先来看数组的合并,如下:合并对象,在合并对象时,如果一个键已经存在,它会被具有相同键的最后一个对象给替换。3. 参数传递从上面的代码看,函数定义了多少个参数,扩展运算符传入的值就是多少个。和 math 函数一起使用,如下:4. 数组去重Set 一起使用消除数组的重复项,如下:5. 字符串转字符数组String 也是一个可迭代对象,所以也可以使用扩展运算符 ... 将其转为字符数组,如下:进而可以简单进行字符串截取,如下:6. NodeList 转数组NodeList 对象是节点的集合,通常是由属性,如 Node.childNodes 和方法,如 document.querySelectorAll 返回的。NodeList 类似于数组,但不是数组,没有 Array 的所有方法,例如findmapfilter 等,但是可以使用 forEach() 来迭代。可以通过扩展运算符将其转为数组,如下:7. 解构变量解构数组,如下:解构对象,如下:8. 打印日志在打印可迭代对象的时候,需要打印每一项可以使用扩展符,如下:感谢各位的阅读!关于“es6中三个点指的是什么意思”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

相关推荐: Excel如何实现数据分列

这篇文章给大家分享的是有关Excel如何实现数据分列的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Excel数据分列数据分列包括以分隔符号和固定宽度两种方式来分隔数据。我们要把以空格隔开的数据单独作为一列。选中需要操作的数据,然后选…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/12 16:44
下一篇 01/12 16:45

相关推荐