Nomard Life

[javascript] 배열 Array 본문

Develop

[javascript] 배열 Array

Dev_Charlotte 2024. 4. 5. 11:40
728x90

배열 만드는 두가지 방법

 

첫번째는 배열 리터럴로 생성할 수 있다. 
이경우 쉼표로 구분한 값들을 대괄호로 묶어서 표현한다.

const numbers = [] // 배열 리터럴로 생성

두번째 방법은 Array 생성자로 생성하기
배열을 만드는데 사용하는 기본 내장 생성자가 존재한다.

const arr = new Array() // Array 생성자로 생성

 

배열의 특징

  • 배열에 포함된 값 하나하나를 `배열요소(item)` 라고 한다.
  • 각 배열 요소는 왼쪽부터 순서(번호)가 매겨진다. 이를 `인텍스 번호`라 한다.
  • 인덱스번호는 0부터 시작한다.
  • 배열 요소 수는 원하는 개수만큼 포함시킬 수 있으며, 0개일 수도 있다.
  • 다양한 유형의 데이터를 포함할 수 있다. 숫자, 문자열, 객체 등...

인덱스 번호

대괄호([]) 연산자를 이용해서 특정 인덱스 번호의 배열 요소를 참조할 수 있다. 참조할 수 있다는 것은 곧 읽거나 쓸 수 있다는 것을 의미한다.

const ohMyGirl = ["효정", "미미", "유아", "승희", "지호", "비니", "아린"];

console.log(ohMyGirl[0]) // 효정
console.log(ohMyGirl[2]) // 유아
console.log(ohMyGirl[5]) // 비니
console.log(ohMyGirl[9]) // undefined!

ohMyGirl[0] = "갓효정" // 원래 효정이었지만, 갓효정으로 변경

 

배열 메소드

배열은 객체이다. 여기에는 메소드가 다수 정의되어 있다(속성도)

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

이 외에도 다양한 메소드가 존재한다.

 

Array - JavaScript | MDN

다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.

developer.mozilla.org

 

728x90