> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript에서 점이 여러 개 있다는 것은 무엇을 의미합니까?

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

青灯夜游
풀어 주다: 2023-01-07 11:46:51
원래의
1901명이 탐색했습니다.

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

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

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿