JavaScript 배열

• 배열의 선언

// 배열안에 어떤 타입도 들어갈 수 있음(배열안에 배열, 객체, null 등등...)

※ new Array로 선언도 가능하지만 보통은 간단하게 [ ]을 사용

• 배열의 추가

일반적으로는 push 메소드를 활용해서 값을 추가

• 배열의 메소드

1. indexof(찾는 값) : 배열에 해당 값이 있으면, 그 값의 index를 돌려줌
   (없을 경우 -1을 반환 > 반환값이 -1이면 배열에 없는 값이라는 정보를 주는 것과 같음!)

2. join() : 배열안의 값들을 하나의 문자열로 변환

3. concat(합칠 배열) : 기존의 배열 + 합칠 배열 = 새로운 배열(메모리 주소가 다름)

         (원래 배열은 그대로 있는 것을 주의, 추가되는 것임)

 

 

• 배열탐색 메소드(forEach, filter, map)  

1. forEach : 기존 for문을 간소화(가독성, 실수방지), for문과 성능차이는 미미하므로 forEach 사용추천
   

값을 출력(원하는 결과(값, 인덱스, 객체)만 파라미터로 적어주면 됨)

인덱스를 출력(파라미터명은 임의로 가능)

객체를 출력

forEach( 함수 ) 가 가능하다.(함수를 인자로 받는 함수)

2. map : 기존의 배열을, 새로운 배열로 만드는 함수(함수를 인자로 받을 수 있음)

배열 a의 값을 하나씩, 배열 mapped로 return

forEach와 유사하나, 배열의 값을 return으로 하여 새로운 배열에 저장한다는 것이 다름
( push()를 return으로 한 것으로 이해 )

기존 배열 a의 값을 2배씩 함(기존 배열을 재가공)

 

forEach로도 가능

3. filter : 설정한 판별 함수를 통과하는 요소를 모아, 새로운 배열로 반환

함수를 인자로 받아서, 그 함수의 조건에 맞는 배열을 돌려줌

함수를 재사용하고 싶은 경우, 따로 빼서 사용하는 것이 유용

출처 : https://www.edwith.org/boostcourse-web/lecture/16745/

출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/filter