[JS] 문자열과 배열 합치기_concat(), spread operator(...), push();

1. concat()

: 문자열을 합치거나 배열을 합칠 때 사용한다. 

예제)

출력 결과는 1,2,3,4,5,6

문자열.concat(문자열); 도 가능하다. 
concat()을 사용하면 새로운 배열을 만들기 때문에
원본 함수의 값은 그대로 유지된다. 
다시 말해, x = [1, 2, 3];

---

2. spread operator

: 배열의 개별원소를 합칠 때 사용한다. 

예제) 

출력결과는 1,2,3,4,5,6

... 이 spread operator 이다. 
각 배열 안에 있는 원소 각각을 꺼내어 합친다. (push()와 함께 쓰일 수 있다.)

---

3. push()

: 배열을 뒤에서 추가해줄 때 사용한다.

예제)

출력 결과: 1,2,3,4,5,6 길이: 4

가장 중요한 것은 push()는 받은 값을 하나의 원소로 처리한다는 것과,
원본 데이터 값이 바뀐다는 것.
 따라서 길이가 바뀌며, 길이는 6이 아닌 4가 된다.
([4, 5, 6] 을 하나의 원소로 처리함) 

---

4. push() 와 spread operator 함께 사용하기

: 위와 같은 문제를 해결하기 위해 두 함수를 함께 사용한다.

예제)

출력 결과: 1,2,3,4,5,6 길이: 6

push(배열)을 넣어줄 때 ... 를 사용하여 각 개별 원소로 쪼개어 넣어준다.

---

결과적으로 출력 결과는 다음과 같다.

 

 

[Javascript] 배열 합치기 3가지 방법 - 어제 오늘 내일 (tistory.com)

[Javascript] 배열 합치기 3가지 방법

님의 글을 참고했다.