본문 바로가기
javascript

[LEARN-JS] Array method - 기존 배열 변경 유무에 따라 나누기

by rami_ 2024. 8. 12.

Array method를 사용할 때 기존 배열이 되는것과 새로운 배열이 반환되는 것(기존 배열 변경 X)이 왜 중요한가?

기존 배열을 의도치 않게 변경되는 것을 방지하거나, 특정 작업을 수행할 때 의도적으로 배열을 수정하고자 할 수 있기 때문.

 

 

기존 배열 변경 O

기존 배열이 변경되는 method들을 사용했을때 shallow copy를 해 다른 변수에 할당해 놓았다면 그 변수에 할당한 배열도 변경된다(같은 메모리 주소를 참조하고 있기 때문).

만약, 독립된 복사된 배열을 원한다면 deep copy를 사용해야 한다.

 

1. fill

2. pop

 

3. push

4. reverse

5. shift

6. unshift

7. splice

8. sort

9. copyWithin

 

기존 배열 변경 X

새로운 배열이나 값을 반환하거나 원본 배열은 그대로 유지됨

1. concat

2. filter

3. flat

4. flatMap

5. map

6. with

7. reduce

8. find

9. includes

 

'javascript' 카테고리의 다른 글

FOUT(Flash of Unstyled Text)  (0) 2025.01.13
[LEARN-JS] Array  (0) 2024.08.06
[LEARN-JS] String, Jest  (0) 2024.07.23
closure  (0) 2024.03.27
scope  (1) 2024.03.26