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 중국어 웹사이트의 기타 관련 기사를 참조하세요!