<그냥하자> JavaScript (21) 배열의 기본 메서드들

출처 : 인프런 얄팍한 코딩사전

I. 특정 값을 반환하는 기본 메서드들

1. (정적) isArray - 배열인지 여부를 반환
   

js에서 문자열을 특정 구분자로 분할하기 위해서는 split 함수를 사용.

str.split(separator, limit)

instanceof Array와의 차이 (Array.isArray가 보다 권장됨)

2. at - 주어진 인자를 인덱스로 값을 반환

음수를 사용하여 뒤에서부터 접근 가능

3. includes - 인자로 주어진 요소 유무 확인
   

⚠️ 참조형 데이터의 경우

주소가 다르기 때문에 접근할수 없는 개념정도만 알아두자 참조형은

4. indexOf, lastIndexOf - 앞/뒤에서 첫 번째 값의 인덱스 반환

없을시 -1 반환

5. join - 인자로 주어진 값으로 구분하여 요소들을 문자열로 연결하여 반환
   

II. 배열을 변경하는 기본 메서드들

1. push, unshift - 배열에 값을 추가
   결과의 길이를 반환

a. push - 값을 뒤에 추가

b. unshift - 값을 앞에 추가

특징

• 수정된 배열의 길이를 반환
• 부수효과 : 원본 배열을 변경
• push보다 unshift가 더 느림 - 이후 요소들을 밀어내야 하므로

2. pop, shift - 배열에서 값을 제거하여 반환

a. pop - 값을 뒤에서 제거하여 반환
b. shift - 값을 앞에서 제거하여 반환
pop보다 shift가 더 느림 - 이후 요소들을 당겨야 하므로

3. splice - 원하는 위치에 요소(들)을 추가 및 삭제

2개 이상의 인자를 받음
start : 배열 변경을 시작할 위치
deleteCount : 제거할 요소의 개수
item(s) : 추가할 하나 이상의 요소

배열의 delete - empty 값을 남김

4. fill - 배열을 특정 값으로 채움

5. reverse - 배열의 순서를 뒤집음
   

III. 새 배열을 반환하는 기본 메서드들

원본 배열을 수정하지 않고, 1차 복사만 가능하다(얕은 복하본)

1. concat - 배열에 다른 배열이나 값을 이어붙인 결과를 반환

해당 배열 뒤로 인자로 하나 이상 주어진 다른 배열이나 값을 이어붙인 결과를 반환

2. slice - 인자로 주어진 범주의 값을 잘라 반환

1~2개 인자를 받음
begin : 시작 위치
end : 종료 위치

3. flat - 인자로 주어진 깊이만큼 배열을 펼쳐 반환

💡 flat 평평하게 한다는 의미

인자가 없는경우 결과값은 인자가 1인경우가 같다. 1단계까지 flat 한다는 의미로 2,3 단계는 배열로 남아두는 것이다. 완전히 풀려면 인자를 요소만큼 높이면 될 듯