JavaScript에서 점이 여러 개 있다는 것은 무엇을 의미합니까?

JavaScript에서 여러 개의 점 "..."은 ES6에 새로 추가된 기능인 스프레드 연산자를 나타냅니다. 함수 호출/배열 구성 중에 구문 수준에서 배열 표현식이나 문자열을 변환할 수도 있습니다. 리터럴 객체를 생성할 때 "키-값" 방식으로 객체 표현식을 확장합니다.

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

JavaScript에서는 실제로 세 개의 점(...)을 확장 연산자라고 하며, 이는 ES6에 새로 추가된 기능입니다. 함수 호출/배열 구성 중에 구문 수준에서 배열 표현식이나 문자열을 확장할 수도 있습니다. 리터럴 객체를 생성할 때 키-값 방식으로 객체 표현

리터럴은 일반적으로 [1,2,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 중국어 웹사이트의 기타 관련 기사를 참조하세요!