[JavaScript] [...]스프레드 연산자란?

---

스프레드 연산자란

spread는 ES6에서 도입된 문법으로 단어 자체는 펼치다,퍼뜨리다 라는 의미를 가지고 있으며 객체나 배열을 펼칠 수 있다.

기본의 객체나 배열은 변하지 않으며 새로운 객체나 배열을 변화시킨다.

사용 상황

1. 객체에서 사용

const object1 = {
    name:"오윤희",
    job:"vocalist"
}
const object2 = {
    ...object1,
    age:44
}
console.log(object2);
//실행 결과
{name: '오윤희', job: 'vocalist', age: 44};

2. 배열에서 사용

const array = ["진천댁","주단태","주석훈"];
const newArray = [...array,"주석경"];
console.log(newArray);
//실행 결과
['진천댁', '주단태', '주석훈', '주석경'];

3. 문자열에서 사용

기본으로 …연산자를 사용하여 console.log를 찍었을 땐 글자 하나하나 SpaceBar 간격으로 찍히고
추가로 []배열로 감싸주면 글자를 하나씩 배열에 담은 값이 출력된다.

const string = "심수련";
console.log(...string);
console.log([...string])
//실행 결과
심 수 련;
['심', '수', '련'];

---

마치며

혹시 잘못된 정보나 궁금하신 게 있다면 편하게 댓글 달아주세요.
지적이나 피드백은 언제나 환영입니다.