JavaScript에서 세 개의 점은 무엇을 나타냅니까?

JavaScript에서 세 개의 점 "..."은 ES6에 새로 추가된 확장 연산자를 나타냅니다. 이는 함수 호출/배열 구성 중에 구문 수준에서 배열 표현식이나 문자열을 확장할 수 있습니다. 리터럴 객체를 생성할 때 "키-값" 방식.

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

JS 코드를 보면 점 3개를 자주 보게 되는데 이게 무슨 뜻인가요? 무슨 소용이 있나요?

이제 세 가지 사항에 대해 알려드리겠습니다

무슨 뜻인가요?

세 개의 점(...)의 실제 이름은 ES6에 새로 추가된 확장 연산자입니다. 함수 호출/배열 구성 중에 문법 수준에서 배열 표현식이나 문자열을 확장할 수 있습니다. 생성 리터럴 객체를 사용할 때 객체 표현식은 키-값 방식으로 확장됩니다

리터럴은 일반적으로 [1,2,3] 또는 {name:'chuichui'}와 같은 간단한 생성 방법을 나타냅니다. 레이어 중첩 배열 객체에 점이 3개 있으면 할 수 있는 일이 없습니다

직접 말하면 중괄호([])든 중괄호({})든 옷을 벗는다는 의미입니다. 상관없어요, 모두 떼어내세요!

// 数组
var number = [1,2,3,4,5,6]
console.log(...number) //1 2 3 4 5 6
//对象
var man = {name:'chuichui',height:176}
console.log({...man}) / {name:'chuichui',height:176}

무슨 용도인가요?

다양한 용도로 사용되며 어디에서나 볼 수 있습니다. 다음은 몇 가지 일반적인 예입니다

복사에 사용하세요

//数组的复制
var arr1 = ['hello']
var arr2 =[...arr1]
arr2 // ['hello']
//对象的复制
var obj1 = {name:'chuichui'}
var obj2 ={...arr}
ob12 //  {name:'chuichui'}

병합에 사용하세요

//数组的合并
var arr1 = ['hello']
var arr2 =['chuichui']
var mergeArr = [...arr1,...arr2]
mergeArr  // ['hello','chuichui']
// 对象分合并
var obj1 = {name:'chuichui'}
var obj2 = {height:176}
var mergeObj = {...obj1,...obj2}
mergeObj // {name: "chuichui", height: 176}

문자를 배열로 변환하는 데 사용하세요

var arr1 = [...'hello']
arr1 // ["h", "e", "l", "l", "o"]

사용하세요 함수 매개변수 전달용

일반 함수와 결합하여 유연하게 사용할 수 있습니다

function f(v,w,x,y,z){ }
var args = [2,3]
f(1,...args,4,...[5])

배열의 요소를 함수 매개변수로 반복하고 싶을 때 사용하세요!

function f(x,y,z){}
var args = [1,2,3]
f(...args)

// 以前的方法
f.apply(null,args);

【추천 학습: javascript 고급 튜토리얼】

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