[javascript]배열

배열은 자료를 묶어서 활용할 수 있는 특수한 자료이다
(여러개의 변수를 한번에 선언해 다룰 수 있는 자료형)

생성은 대괄호 [] 를 이용해 사용하고
내부의 값을 쉼표(,)로 구분해서 입력한다

ex)
const array = [294,"String",true,function() {},{},[1,2]]

위처럼 배열의 요소에는 같은 배열이 오거나 문자열, 숫자 ,함수 ,불리언 값도 올수 있다.

배열의 원소에 접근하기 위해서 배열의 인덱스를 사용하며
인덱스 번호는 배열의 첫번째 요소 0부터 시작한다
인덱스 번호의 끝은 배열의 길이-1

array.length -1

로 주로 사용한다

배열의 요소 추가

배열의 뒷부분부터 요소를 추가하는 메서드는
push()이다

기존 배열의 마지막요소 뒤에 요소를 추가한다

array.push(추가할요소)

인덱스 번호를 사용해 배열 뒷부분에 요소를 추가할수 있다.
이때 요소가 3개밖에 없는 배열에 10번째 인덱스번호에 요소를 강제 추가도 할수 있으며 이경우에 4~9번째 인덱스는 아무것도 없는 empty가 된다

배열의 요소 제거

배열의 특정 인덱스에 있는 요소를 제거할때엔
splice()메서드를 사용한다

array.splice(인덱스번호,제거할 요소의개수)

이때 splice() 메서드는 제거한 요소를 배열로 반환한다.

값을 기반으로 요소를 제거할 때엔
indexOf()메서드를 사용해 요소의 인덱스 번호를 찾고 scplice()메서드를 사용해 제거한다.

const index = array.indexOf(요소의값)
array.splice(index,1)

배열의 특정 값을 가진요소를 모두 제거할땐
filter()메서드를 사용한다

array.filter((item) => item !== (제거할요소의값))

배열의 특정 인덱스에 요소를 추가할때에도
splice() 메서드를 사용하는데

array.splice(인덱스,0,요소)

위와같이 2번째 인자값으로 0을 주게되면 삭제할 요소의 개수가 0개 이므로 요소를 제거하지않고 해당 인덱스에 3번째 인자값의 요소를 넣어준다