Javascript: Array[2] - 기본 Array 함수

* 참고용으로 정리하는 게 주목적이라 그리 자세하게 적혀있지 않습니다.  

 

 

[ 배열 넣고 빼기 ]

- arr.push() : 배열 가장 끝에 값 새로 넣기 

                        arr.push( 1, 2, 3 ); 이렇게 여러 값을 한꺼번에 넣을 수도 있다. 

- arr.pop() : 배열 가장 끝의 값 빼기 

- arr.unshift() : 배열 가장 앞에 값 새로 넣기

- arr.shift() : 배열 가장 앞의 값 빼기

 

여기서, 배열은 가장 앞에 값을 집어넣으려면 모든 인덱스를 하나하나 뒤로 이동시키는 과정이 필요하다.

이 때문에 unshift() 와 shift()는 속도가 매우 느린 편이다. 

 

[ 지정된 위치의 데이터 삭제 ]

- splice(start: number, deleteCount?: number)

: splice는 한국어로 '꼬아서 잇다', '이어주다' 라는 뜻을 가지고 있다.

  정말 많이 사용되는 함수로, 기본적으로 배열을 삭제하는 데 사용된다. 

 

start: number 어디서부터 지울건지 시작하는 인덱스 번호를 적고,

deleteCount?: number 총 몇개나 지울 건지 개수를 입력한다. 이 부분은 ? 가 있으니 생략 가능하다. 

return 값은 String[] 으로, 내가 무엇을 지웠는지 전달해준다! 

 

기본 사용 방법

 

[ 배열 합치기 ]

 

- concat(...items: ConcatArray<T>[])

: concat은 concatenate의 줄임말로, 한국어로 '사슬 같이 잇다' 라는 뜻을 가지고 있다.

  기본적으로 배열을 연결하는 데 사용된다. 

 

return 값은 String[] 으로, 합쳐진 배열을 반환해준다!  

 

이건 예제를 살펴보는 게 좋을 것 같다. 

concat을 호출하는 배열 arr1에 arr2라는 배열을 합쳐서 return 하면, newArr에 연결된 배열의 값이 저장된다.  

 

[ 배열 검색 ]

- indexOf(searchElement: T, fromIndex?: number) 

: 배열에서 맞는 'value' 값을 찾으면, 해당 배열의 인덱스를 반환해주는 함수이다. 

 

searchElement: T 찾고자 하는 Value 값을 입력하고,

fromIndex?: number 몇 번째 인덱스부터 찾기 시작할 건지 입력한다. 이 부분은 ?가 있으니 생략 가능하다. 

만약 fromIndex를 생략한다면 0번째 인덱스부터 Value를 찾기 시작한다.  

 

return 값은 number로, 내가 찾는 Value가 들어있는 인덱스 정보이다! 

만약 찾는 Value가 배열에 들어있지 않는 경우, -1을 반환해준다. 

 

여기서 중요한 건, indexOf가 단 하나의 Value만 찾아준다는 것이다! 이걸 모르고 사용했다가 고생을 좀 했다. 

indexOf는 앞에서부터 Value를 찾다가, 맞는 Value가 들어간 인덱스를 발견하면 그 값을 리턴해주고 끝낸다. 

그래서 lastindexOf() 처럼 가장 마지막에 들어있는 Value를 찾아주는 함수가 있는 것이다. 

 

indexOf()와 비슷한 함수로 includes() 함수가 있는데, 이는 value값이 있는지 없는지 true/false로 반환해준다. 

- arr.includes('value');  

 

 

 

 

Array는 알고리즘의 단골 문제기도 하고, 현업에서도 많이 쓰이니 꼭 관련 함수를 익히고 가야 한다...!

정말... 외워도 외워도 어렵다. 아직 남은 함수들이 많으니 천천히 알아봐야겠다.

 

 

[ 참고 ]

이 글은 유튜버 드림코딩 by 엘리 님의 https://www.youtube.com/watch?v=yOdAVDuHUKQ
자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (JavaScript ES6 ) 영상을 보고 정리한 내용입니다. 
혹시 문제가 된다면 댓글 남겨주세요. 감사합니다.