>  기사  >  웹 프론트엔드  >  es6 세 점 연산자 사용 방법에 대한 자세한 설명

es6 세 점 연산자 사용 방법에 대한 자세한 설명

小云云
小云云원래의
2018-01-24 15:42:413222검색

이 글은 주로 점 3개 연산자 사용(예제 설명)을 기반으로 한 글을 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

먼저 es6 사양에서 점 3개 연산자를 사용하는 예를 살펴보겠습니다.

let fun=function(a,...list){
 console.log(a,list);
};
fun('0','a','b','c');//0 [a,b,c]

위에서 볼 수 있듯이 이제 함수 개체를 정의할 때 매개 변수 수를 동적으로 설정할 수 있습니다. a는 일반 매개변수(무시됨)입니다.

두 번째 매개변수 목록 앞에 점 3개가 있는 것을 볼 수 있습니다. 이 작성 방법은 es6 사양에서 두 가지 용도로 사용됩니다

1. .

2. 스프레드 연산자로 사용됩니다.

● 점 3개--매개변수:

let fun1=function(...args){
 for(let arg of args){
  console.log(arg);
 };
 console.log(args)
};
fun1('a','b','c');//a b c,[a,b,c]
fun1(1,2);//1 2,[1,2] ...args表示了所有的形参,不管传入多少参数,都可以通过args进行遍历得到,args则集合所有的参数组成参数数组

let fun2=function(arr,...args){
 console.log(arr);
 console.log(args);
};
fun2(1,2,3);//1, [2,3]
fun2(1);//1, []当...args有其他参数时,rest参数args数组集合除去前面参数之后的参数。

let fun3=function(arr1,..args,arr2){
 console.log(args);
}//此时报错!切记,三点作为rest参数的时候,其后不能再有任何参数,只能作为最后一个角色出现!

[x,...y]=[1,2,3];
console.log(y);//[2,3]

[x,...y,z]=[1,2,3];//报错,Rest element must be last element in array

//作为参数,三点运算符可以函数,解构赋值等方面发挥重要作用。‘人如其名',rest表示剩下的,
//它把剩下的任意数量的参数推入数组,所以也继承了数组的方法。rest参数只能出现在最后一位,
//不然会报错,当然以扩展运算的身份出现时另当别论。

● 점 3개--확장 연산자로 사용됨:

let arr=[1,2,3];
console.log(...arr);//1, 2, 3返回数组中的各项

let a=[2,3];
console.log(1,...a,4);//1,2,3,4扩展运算符可以放在中间

let ps=document.querySelectorAll('p');
[...ps];//Array[300],[]可以将ps转为数组解构;
console.log(...ps);//p1,p2....遍历ps各项

let set=new Set([1,2,3,3]);
[...set];//返回数组[1,2,3],可以将set数据结构转化为数组

let map=new Map([[1,'a'],[2,'b'],[3,'c']]);
[...map.keys];//返回[1,2,3],属性数组;
[...map.values];//返回[a,b,c],value数组

[...'wbiokr'];//["w", "b", "i", "o", "k", "r"]遍历字符串,返回各个字符;

let str='abc';
['aaa',...str,'ccc'];//[aaa, a, b, c, ccc]扩展运算符位置比较任性

//三点的扩展运算符,把数组或者类数组对象展开成一系列逗号隔开的值序列,它好比rest参数时候的逆运算。

관련 권장 사항:

점 3개 연산자 사용 방법

ES6 확장 사용 방법 연산자

php

의 연산자 요약

위 내용은 es6 세 점 연산자 사용 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.