[JavaScript -15] 배열

2024. 3. 31. 23:19· 프로그래밍/JavaScript
목차
  1. 배열
  2. 배열을 만드는 두 가지 방법
  3. 특징
  4. 배열 메소드 및 속성(대표적인 것들)
  5. 배열 매소드 추가 학습

배열

  • 여러 개의 데이터를 보관하는 역할을 수행하는 객체
    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를 반환하는 모든 요소를 모아 새로운 배열을 반환

 

'프로그래밍 > JavaScript' 카테고리의 다른 글

[JavaScript - 17] 빌트인 객체  (0) 2024.03.31
[JavaScript - 16] HTML클래스 적극 활용하기  (0) 2024.03.31
[JavaScript - 14] 빌트인 생성자와 타이머 메소드  (0) 2024.03.31
[JavaScript - 13] 객체를 만드는 생성자  (0) 2024.03.31
[JavaScript - 12] 이벤트 핸들링과 Value 속성  (0) 2024.03.31
  1. 배열
  2. 배열을 만드는 두 가지 방법
  3. 특징
  4. 배열 메소드 및 속성(대표적인 것들)
  5. 배열 매소드 추가 학습
'프로그래밍/JavaScript' 카테고리의 다른 글
  • [JavaScript - 17] 빌트인 객체
  • [JavaScript - 16] HTML클래스 적극 활용하기
  • [JavaScript - 14] 빌트인 생성자와 타이머 메소드
  • [JavaScript - 13] 객체를 만드는 생성자
나무늘보Programmer
나무늘보Programmer
게으른 개발자가 공부하고 성장하는 과정을 기록하는 블로그 입니다.
나무늘보Programmer
게으른 개발자의 개발일기
나무늘보Programmer
전체
오늘
어제
  • 분류 전체보기 (71)
    • 수학 (0)
      • 확률과 통계 (0)
    • Computer Science(CS) (8)
      • 혼자 공부하는 컴퓨터 구조 + 운영체제 (1)
      • Network (0)
    • 프로그래밍 (57)
      • Python (8)
      • Java (1)
      • C++ (0)
      • HTML (13)
      • CSS (13)
      • JavaScript (19)
      • DB (1)
      • Spring (1)
    • 머신러닝&딥러닝 (0)
      • Computer Science(CS) (0)
      • 인공지능 (0)
      • Paper Review (0)
    • BootCamp(OZ Coding School) (3)
    • TroubleShooting (1)
    • SandBox (0)
    • Project (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
나무늘보Programmer
[JavaScript -15] 배열
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.