[Javascript]배열 추가, 삭제 메소드

김인태·2022년 5월 27일
0

배열을 추가하고, 삭제하는 메소드가 필요 할 때 마다 구글에서 찾으면 되지만,
코딩테스트나 그냥 코딩을 할 때 바로바로 떠올리고 싶어서 정리하게 되었습니다.

배열 추가 : Array.push(), Array.unshift() , Array.splice()
배열 삭제 : Array.pop(), Array.shift(), Array.splice()

등이 있습니다. 이제 이걸 어떻게 사용하는지 알아보겠습니다 ~!

추가할 수 있는 메소드

1.Array.push()

구문
arr.push(element1[,...[,elementN]])
elementN -> 배열의 끝에 추가할 요소
반환값 -> 호출한 배열의 새로운 length 속성.
apply()를 사용하면 두 개의 배열을 합칠 수도 있습니다!

2.Array.unshift

구문
arr.unshift([...elementN])
elementN -> 배열 맨 앞에 추가할 요소
반환값 -> 호출한 배열의 새로운 length 속성.

3.Array.splice()

구문
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
start -> 배열의 변경을 시작할 인덱스입니다. 배열의 길이보다 큰 값이라면 실제 시작 인덱스는 배열의 길이로 설정됩니다. 음수인 경우 배열의 끝에서부터 요소를 세어나갑니다.
deleteCount ->배열에서 제거할 요소의 수입니다.
item1, item2, ...
배열에 추가할 요소입니다. 아무 요소도 지정하지 않으면 splice()는 요소를 제거하기만 합니다.
splice는 삭제도 할 수 있는 동시에 추가도 할 수 있습니다.

삭제할 수 있는 메소드

Array.pop()

구문
arr.pop()
반환값 -> 배열에서 제거한 요소. 빈 배열의 경우 undefined 를 반환합니다.

Array.shift()

구문
arr.shift()
반환값 -> 배열에서 제거한 요소. 빈 배열의 경우 undefined 를 반환합니다.
shift 메소드는 0번째 위치의 요소를 제거 하고 나머지 값들의 위치를 한칸 씩 앞으로 당기고 제거된 값을 반환합니다!

이렇게 정리를 해봤는데, 사실 이렇게 메소드 사용만 봤을 때는 어렵지 않지만 문제에 맞닥뜨릴 때 떠올릴 수 있을까 걱정이 되네요.. 블로그에 정리해두었으니 꾸준히 다시보면서 숙지하도록 해봅시다!

profile
새로운 걸 배우는 것을 좋아하는 프론트엔드 개발자입니다!

0개의 댓글