배열

JS에서의 배열은 배열이 아니라, 배열(자료형)을 흉내낸 객체

object(객체)로 출력되는 것을 알 수 있다.

 

---

배열 메소드

 

 

1. 배열의 길이 알아보기 : .length

ex)numarr.length

 

 

JS에서 배열의 길이와 배열의 요소개수가 같은 말일까? No!

 

 

▼요소의 개수를 1개만 넣어줬음에도 불구하고 length는 3이 출력.

 

 

 

이는 초기화 해주지 않은 인덱스도 length에 포함된다는 뜻인데,

초기화 해주지 않은 인덱스는 empty item이 되어 length에 포함된다.

 

 

 

 

 

2. 배열에 요소 추가하기

 

ⓐ배열을 직접 건드리는 방식 : .push(추가요소)

 

배열이 변화됨

 

 

 

 

 

ⓑ배열을 직접 건드리지 않는 방식 : .concat(추가요소)

 

배열이 변화하지 않음

 

 

 

추가된 7,8을 확인하려면 새로운 변수에 선언을 해주어야 한다.

 

 

 

 

 

3. 배열 속 요소 빼내기 : .pop

 

push와 같이 배열을 직접 변화시키는 메소드이다.

 

끝에서부터 하나씩 빠진다.

 

 

 

 

4. 배열 속 요소 순환하기 

 

배열을 순회하면서 함수를 실행한다.

 

 

 

ⓐ .forEach

 

리턴이나 새로운 배열을 만들지 않는다.

 

 

 

ⓑ .map (프레임워크에서 중요, 사용권장)

 

새로운 배열을 만든다.

 

 

 

위 예제에서 map 대신 forEach를 쓰면 undefined가 출력된다.

 

 

 

 

 

5. 내가 원하는 조건을 만족하는 배열 속 요소 찾기

 

.filter

말 그대로 조건에 따라 필터링을 해준다.

배열의 요소(x)가  4보다 큰 것만 filterarr에 담는다.

 

 

 

<예제>

 

 

 

 

 

배열 메소드는 화살표 함수랑 많이 쓰이기 때문에 화살표 함수 연습을 많이 하자