자바스크립트의 숨겨진 문법?? 처음 알게 된 '...'의 기능

자바스크립트 코드를 만지작 거리고 있는데, 우연히 처음보는 변수 접근법? 같은 것을 알게 되었다. 대략적으로 설명하면 문자열 변수의 값을 각각 인덱스로 구분하여 배열로 만드는? 그런 접근법 이었는데, 글로 설명해 놓을 자신이 없어서 그냥 코드로 남겨 본다.

 

아래 예시 코드를 보면 알 수 있듯이, 처음 선언한  person 변수의 "kim" 이라는 문자열이, 두 번째로 선언된 배열형 변수 person2의 값으로 복사된 것을 확인할 수 있다. 

<예시> const person = "kim" const perosn2 = [...person] console.log(perosn2) console.log(perosn2.length) ------------------------------------------------- <출력결과> [ ' k ', ' i ', ' m ' ] 3

 

혹시 객체로 선언한(일반적으로 자바스크립트는 대부분의 변수선언을 객체로 인식한다고 한다. 객체 지향이라 그런가) 변수도 가능한가? 라는 호기심이 생겼고,  테스트해 보았더니, 와.. 이것도 될 줄 몰랐는데,, 진짜 편리한 기능들이 많이 숨겨져 있구나 라는 생각이 들었다.

<예시> const person={     name:"kim",     age:20 } const person2={...person} console.log(person2) ---------------------------------------------------- <출력결과> { name: 'kim', age: 20 }