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

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

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

배열 생성 방법 javascript로 배열을 생성하는 방법은 2가지가 있습니다. 먼저 리터럴 표기법에 대해 알아보겠습니다. 대괄호([ ])를 사용하는 배열 리터럴 표기법 Array() 생성자로 Array 객체 생성 배

likedev.tistory.com

배열 생성 방법

javascript로 배열을 생성하는 방법에는 2가지가 있습니다. 이번엔 Array() 생성자를 사용해 배열을 만들어보겠습니다.

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

배열 선언

var fruits = new Array('사과', '바나나');
var arr = new Array('사과', '바나나', 1234);

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

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

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

빈 배열 생성 후 값 추가하기

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

var fruits = new Array(); 
fruits[0] = '사과'; 
fruits[2] = '바나나';

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

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

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

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

Reference

배열 생성 방법

배열 선언

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

빈 배열 생성 후 값 추가하기

티스토리툴바