>웹 프론트엔드 >프런트엔드 Q&A >es6에서 세 개의 점을 어떻게 사용합니까?

es6에서 세 개의 점을 어떻게 사용합니까?

WBOY
WBOY원래의
2022-03-31 11:18:293474검색

사용법: 1. 배열 병합, 구문은 "[...arr1, ...arr2]"입니다. 2. 배열 객체 복사, 구문은 "name= [...array object]"입니다. 변환 문자 배열, 구문은 "[...string object]"입니다. 4. 구조 분해 변수, 구문은 "[variable object,...name]=value"입니다.

es6에서 세 개의 점을 어떻게 사용합니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, ECMAScript 버전 6.0, Dell G3 컴퓨터.

es6에서 점 3개의 사용법은 무엇인가요?

확산 연산자(spread)는 ES6의 새로운 연산자입니다. 예를 들어 배열을 변환할 수 있습니다. 쉼표로 구분된 매개변수 시퀀스 등 애플리케이션 시나리오에서는 일반적으로 객체 확산 연산자와 배열 연산자라는 두 가지 유형이 사용됩니다.

함수는 다음과 같습니다.

1. 배열의 최대값을 가져옵니다.

일반: Math.max(1,2,3)

작성: Math.max(…[1,2,3])는 위의 예

2 메소드를 호출하세요.

function sum(a,b){
  console.log(a+b)//5
}
sum(...[2,3])

결과는 다음과 같습니다.

es6에서 세 개의 점을 어떻게 사용합니까?

3. 배열을 연결합니다

var arr1 = [0, 1, 2]; 
var arr2 = [3, 4, 5];  
arr1.push(...arr2);

결과 배열 요소는 0, 1, 2, 3, 4, 5입니다.

4 배열을 연결합니다. 연결된 배열 요소는 다음과 같습니다. a, b, c, d, e

5. 문자열을 실제 배열로 변환합니다

var arr1 = ['a', 'b']; 
var arr2 = ['c']; 
var arr3 = ['d', 'e'];
[...arr1, ...arr2, ...arr3]
결과는 다음과 같습니다.

es6에서 세 개의 점을 어떻게 사용합니까?6. 실제 배열 및 중복 제거

[...'hello']  //
new Set은 클래스 배열을 반환하고...클래스 배열을 실제 배열로 변환합니다


7. 확장 알고리즘

[...new Set([1,2,3,3])] //
vue 프로젝트를 작성할 때 얼마나 많은 매개변수가 있는지 모르면 직접 매개변수: param.data 또는 params: {undefine
let map = new Map([  
      [1, 'one'],  
       [2, 'two'],  
       [3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]

【관련 권장 사항:

javascript 비디오 튜토리얼

,

web front-end

위 내용은 es6에서 세 개의 점을 어떻게 사용합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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