javascript 배열 선언, 배열 항목에 접근하기(리터럴 표기법)

배열 생성 방법

javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다.

  • 대괄호([ ])를 사용하는 배열 리터럴 표기법
  • Array() 생성자로 Array 객체 생성

 

배열 선언

배열을 선언할 때에는 [ ] 안에 값을 나열하면 됩니다.

const fruits = ['사과', '바나나'];
const arr = ['사과', '바나나', 1234]; // 서로 다른 데이터 타입도 가능

 

인덱스로 배열 항목에 접근하기

배열의 인덱스는 0부터 시작합니다.

console.log(fruits[0]); //사과
console.log(fruits[1]); //바나나

 

빈 배열 생성 후 값 추가하기

크기를 지정하지 않고 빈 배열을 생성합니다.

var fruits = [];
fruits[0] = '사과';
fruits[2] = '바나나';

console.log(fruits[0]); // 사과
console.log(fruits[1]); // undefined
console.log(fruits[2]); // 바나나

크기를 지정해 빈 배열을 생성합니다. 쉼표의 갯수만큼 크기가 지정됩니다. 

var fruits = [,,,]; //길이가 3인 배열 생성
fruits[0] = '사과';
fruits[2] = '바나나';

console.log(fruits[0]); // 사과
console.log(fruits[1]); // undefined
console.log(fruits[2]); // 바나나

 

다음 포스팅에서 Array() 생성자로 Array객체를 생성하는 법을 알아보겠습니다. 

 

javascript 배열 선언, 배열 항목에 접근하기(Array() 생성자사용)

지난 포스팅에서는 javascript 배열을 리터럴 표기법으로 생성해보았습니다. 실제 업무에선 리터럴 표기법이 작성이 간단해 많이 사용하며 Array() 생성자를 사용하는 것보다 리터럴 표기법을 사용

likedev.tistory.com

 

 


Reference