Spread Operator

dev_space·2021년 8월 15일
0

JavaScript

목록 보기
3/6

Spread Operator

const days = ["Mon", "Tues", "Wed"];
const otherDays = ["Thu", "Fri", "Sat"];

const allDays = days + otherDays;

console.log(allDays);
//Mon,Tues,WedThu,Fri,Sat

array 두 개를 합쳤는데 정작 출력을 하면 string 으로 바뀐것을 볼 수 있다.


const days = ["Mon", "Tues", "Wed"];
const otherDays = ["Thu", "Fri", "Sat"];

const allDays = [days + otherDays];

console.log(allDays);
//["Mon,Tues,WedThu,Fri,Sat"]

array 로 감싸면 두 array이가 하나의 item 으로 allDays 에 들어간다.


const days = ["Mon", "Tues", "Wed"];
const otherDays = ["Thu", "Fri", "Sat"];

const allDays = [days, otherDays];

console.log(allDays);
//[Array[3], Array[3]]

'+' 가 아닌 쉼표로 array 안에 넣었더니 array가 통째로 각각 들어갔다.


위와 같은 경우 때문에 Spread Operator 가 등장한다.

array

const days = ["Mon", "Tues", "Wed"];
const otherDays = ["Thu", "Fri", "Sat"];

const allDays = [...days, otherDays];

console.log(allDays);
//["Mon", "Tues", "Wed", Array[3]]

앞에 . 세 개를 찍은 days 의 array 만 정상적으로 allDays 에 옮겨졌다.


위와 같은 경우 때문에 Spread Operator 가 등장한다.

const days = ["Mon", "Tues", "Wed"];
const otherDays = ["Thu", "Fri", "Sat"];

const allDays = [...days, ...otherDays, "Sun"];

console.log(allDays);
//["Mon", "Tues", "Wed", "Thu", "Fri", "Sat", "Sun"]

뒤에 추가적으로 item을 넣어도 정상적으로 들어가는게 확인된다.


object

Spread Operator 는 Object 에서도 작동한다.

const ob = {
	first: "hi",
  	second: "hello"
}

const ad = {
	thrid: "bye bye";
}

const two = {ob, ab};

console.log(allDays);
//{ob: Object, ab: Object}

array 와 똑같이 Object 가 각각 Object 형태로 들어갔다.


const ob = {
	first: "hi",
  	second: "hello"
}

const ad = {
	thrid: "bye bye";
}

const two = {...ob, ...ab};

console.log(allDays);
//{first: "hi", second: "hello", thrid: "bye bye"}

하나의 Object 가 되었다.

profile
개발자 되기

0개의 댓글