分享更有价值
被信任是一种快乐

es6数组中可不可以用展开符

文章页正文上

这篇文章主要讲解了“es6数组中可不可以用展开免费云主机、域名符”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“es6数组中可不可以用展开符”吧! es6数组可以用展开符。展开符“…”会将可迭代对象展开到其单独的元素中,而所谓的可迭代对象就是任何能用“for of”循环进行遍历的对象,例如数组、字符串、Map 、Set;当展开符用于数组,可以将一个数组转为用逗号分隔的参数序列。展开符(扩展操作符) 是ES6中引入的,将可迭代对象展开到其单独的元素中,所谓的可迭代对象就是任何能用for of循环进行遍历的对象,例如:数组、字符串、Map 、Set 、DOM节点等。展开运算符(spread operator)允许一个表达式在某处展开。展开运算符在多个参数(用于函数调用)或多个元素(用于数组字面量)或者多个变量(用于解构赋值)的地方可以使用。es6展开符的使用(数组方面)给定一个数组,想要将一个数组的成员复制到另一个数组中,该怎么做?

consta=[1,2];
constb=a;
console.log(b);//[1,2]

真有表面上这么简单吗?试着修改一下a数组中的值

a[0]=3;
console.log(b);//[3,2]

诶?怎么我修改了a数组中的值,结果b数组中的值也变了?这里涉及到的是堆栈的原理,就不具体展开说了,你只需要知道简单地使用两边相等的方式是不能完成数组的复制的,这里使用展开运算符就可以完成啦?

consta=[1,2];
constc=[...a];
console.log(c);//[1,2]
a[0]=3;
console.log(c);//[1,2]

consta=[1,2];
constb=[3];
constc=[4,5];

console.log([...a,...b,...c]);//[1,2,3,4,5]
console.log([...c,...a,...b]);//[4,5,1,2,3]
console.log([99,...a,24,...b,...c]);//[99,1,2,24,3,4,5]

前置知识:字符串可以按照数组的形式展开?

constname='Jae';
console.log(...name);//Jae

字符串转数组除了用 split() 方法,也可以用展开运算符?

constname='Jae';
constname_string=[...name];
console.log(name_string);//["J","a","e"]

为什么要将类数组转化为数组呢?因为类数组不能使用数组的方法,将其转化过来对于一些对数据进行处理的需求就更加方便了 ~

functionfunc(){
	console.log(arguments);
}
func(1,2);//Arguments(2)[1,2,callee:,Symbol(Symbol.iterator):]

//使用展开远算符
functionfunc(){
	console.log([...arguments]);
}
func(1,2);//[1,2]

1

2

3

consta=document.querySelectAll("p");
console.log(a);//NodeList(3)[p,p,p]
console.log([...a]);//[p,p,p]

123感谢各位的阅读,以上就是“es6数组中可不可以用展开符”的内容了,经过本文的学习后,相信大家对es6数组中可不可以用展开符这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是云技术,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: 一加是不是OPPO家的?合并后双方都是赢家

近段时间,不少手机博主探店OPPO服务体验中心,发现店里陈列了一加的最新款手机——一加 Ace Pro,店员还表示,只要用户手持一加品牌的手机,进入到OPPO服务体验中心就能免费享受到免费消毒、免费清洁、免费贴膜、免费升级等服务。为何其线下店对一加用户开放?一…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册