3-1 배열 메서드

※ 예시에 활용될 배열은 문자열로 입력 받은 뒤 split 을 통해 배열로 변환해주었다.

문자열 메서드인 split은 () 안의 매개변수로 문자열을 분리하여 배열로 만들어준다.

 

 

1. 원소 추가 및 제거

push() : 배열 끝에 원소를 추가한다.

여러 개의 원소를 추가할 수도 있다.

pop() : 배열 끝의 원소를 제거한다.

 

 

※ unshift()와 shift() 는 배열의 앞에서 부터 모든 항목들을 뒤로 밀어야하므로 작동이 느리다.

 

unshift() :배열 앞에 원소를 추가한다.

 

shift() : 배열 앞의 원소를 제거한다.

---

splice(startIndex, deleteCount) : 배열 내 원하는 인덱스의 값을 삭제하거나 삭제 후 그 자리에 추가할 수 있다.

★ 원본 배열을 수정한다.

 

slice(startIndex, endIndex) : startIndex부터 endIndex까지 (endIndex는 불포함) 잘라서 새로운 배열로 만듬

★ 원본 배열은 변경되지 않는다. 원본 배열을 남겨야 할 때 splice 대신 slice 사용

 

concat() : 배열 뒤에 배열을 붙여 합친다.

저장해 둘 변수명을 적지 않고 arr.concat(arr2)만 작성하면 변경된 값은 저장되지 않고 사라진다.

 

 

2. 배열 검색

indexOf(searchElement, fromIndex)

: searchElement를 탐색한다.  fromIndex 이후 처음으로 발견된 값의 인덱스를 리턴한다.

발견된 값이 없다면 -1를 반환한다.

find(콜백함수) : 콜백함수의 조건을 만족하는 첫번째 요소를 리턴한다.

요소 값이 > 3인 첫번째 요소 5를 리턴함

 

lastIndexOf(searchElement, fromIndex)

: searchElement를 탐색한다.  뒤에서 부터 탐색을 진행한다. fromIndex 이전 처음으로 발견된 값의 인덱스를 리턴한다.

뒤에서 부터 탐색하므로 1부터 탐색이라면 인덱스 1과 0만 탐색된다.

3. 배열 검사

includes(searchElement, fromIndex)

: searchElement를 탐색한다. fromIndex 이후 부터 탐색한다. 탐색 값이 배열에 포함되어 있으면 true, 아니면 false

 

some(콜백함수) : 배열의 요소에서 하나라도 콜백함수 조건을 만족하면 true, 아니면 false

every(콜백함수) : 배열의 요소에서 모든값이 콜백함수 조건을 만족하면 true, 하나라도 불만족하면 false

 

4. 이 외에 주로 사용되는 배열 메서드들

 

reverse() : 순서가 뒤집힌 배열을 반환한다.

 

filter(콜백함수) : 콜백함수의 조건을 만족하는 함수들을 모아 새로운 배열에 저장한다.

 

map(콜백함수) : 배열 안의 요소 하나하나를 콜백함수로 가공하여 새로운 배열에 저장한다.

 

reduce(콜백함수(이전값,현재값), 초기값) : 배열을 돌면서 모든 요소에 콜백함수를 실행해 누적된 값을 리턴한다.

배열을 돌면서 콜백함수 실행 (현 예제에서는 초기값 0을 가진 sum애 element를 계속 더하며 배열을 돔)

※ reduceRight() 는 reduce와 동일하지만 배열 순회 방향이 뒤 -> 앞이다.

 

sort() : 배열을 오름차순 혹은 내림차순으로 정렬한다.

- 오름차순 : arr.sort((a,b) => a-b);

- 내림차순 : arr.sort((a,b) => b-a);