배열 복사하기 (map과 [...arr] )

map을 통해 배열을 복사하여 새로운 변수에 할당이 가능하다.

 

const farm = ["sheep", "cow", "pig"]

const farm2 = farm.map((e)=> {
  return e
})

console.log(farm2) // [ 'sheep', 'cow', 'pig' ]

map은 각 배열의 요소마다 map의 인자로 들어가는 내부 함수의 리턴값을 할당해주는 메서드이다.

최종적으로 기존 배열의 길이와 같은 배열을 리턴한다.

 

따라서 map()에 (e) => { return e } 를 인수로 넣어주면

각 요소가 그대로 새로운 배열에 입력되어 배열이 복사된다.

 

이를 간단히 한 방법이 [...arr] 이다.

 

---

const farm = ["sheep", "cow", "pig"]

const farm2 = [...farm]

console.log(farm2) // [ 'sheep', 'cow', 'pig' ]

[...farm] 을 통해 배열을 그대로 복사했다.

 

또한

 

[...arr] 기능을 통해 여러 배열을 합치는 것도 가능하다.

---

const farm = ["sheep", "cow", "pig"]
const farm1 = ['horse', 'duck', 'llama']

const farm2 = [...farm, ...farm, ...farm1]
console.log(farm2)

배열 3개가 합쳐지며 새로운 배열이 생성되었다.