프로그래밍/JavaScript

[JavaScript -15] 배열

나무늘보Programmer 2024. 3. 31. 23:19

배열

  • 여러 개의 데이터를 보관하는 역할을 수행하는 객체
    let numbers = [1,2,3]

배열을 만드는 두 가지 방법

배열 리터럴로 생성

const arr = [1,2,3]

Array 생성자로 생성

const arr = new Array(1,2,3)

특징

  • 배열에 포함된 값 하나하나를 배열 요소라고 함
  • 각 배열 요소는 왼쪽부터 순서가 매겨짐(인덱스 번호)
  • 인데스 번호는 0부터 시작
  • 배열 요소 수는 원하는 개수만큼 포함시킬 수 있으며 0개일 수도 있음
  • 다양한 유형의 데이터를 포함시킬 수 있음
  • 대괄호 연산자(‘[]’)를 이용해 특정 인데스 번호의 배열 요소를 참조할 수 있음

배열 메소드 및 속성(대표적인 것들)

메소드 또는 속성 기능
push 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 길이 반환
pop 배열의 마지막 요소를 뽑아내고, 그 요소를 반환
indexOf 배열에서 주어진 값과 일치하는 첫 번째 인덱스를 반환, 없으면 -1 반환
splice 배열 요소를 워하는 위치에서 원하는 수만큼 추가/제거
forEach 배열의 각각의 요소에 대해서 콜백 호출
length 배열의 길이를 반환하는 속성

 

배열 매소드 추가 학습

  • 아래 두 메서드의 공통점
    • 콜백함수를 인자로 받음
    • 배열의 멤버를 기반으로 새로운 배열을 생성

map

  • 배열의 각각의 요소에 대해 콜백을 호출한 결과를 모아 새로운 배열을 반환

fileter

  • 배열의 각각의 요소에 대해 콜백을 호출한 결과 true를 반환하는 모든 요소를 모아 새로운 배열을 반환