JavaScript/JavaScript 기초

[JavaScript] 배열

J1woong 2024. 3. 3. 03:44
728x90
반응형
반응형

배열

 배열이란 순서가 있는 리스트와 같다.

 아래는 배열을 만드는 방법이다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];

 

 이름을 정하고 대괄호로 묶어준다. 대괄호 안에서는 ,구분한다.

 배열탐색 할 때는 index 라는 고유 번호를 사용한다.

 index0부터 시작한다.

 

 index를 이용해 값을 읽어올 수 있다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];

console.log(T1[2]);
console.log(T1[4]);

 

 수정도 가능하다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];

T1[0] = 'marin';
T1[1] = 'bengi';
T1[3] = 'bang';
T1[4] = 'wolf';

console.log(T1);

 

 배열은 문자 뿐만 아니라, 숫자, 객체 , 함수 등도 포함할 수 있다.

 

length

 length를 이용하여 배열길이를 구할 수 있다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];
console.log(T1.length);

 

push()

 push()를 이용하여 배열 에 값을 추가할 수 있다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];
T1.push('poby');
console.log(T1);

 

pop()

push()와 반대로 pop()배열 끝의 값을 제거한다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];
T1.push('poby');
console.log(T1);
T1.pop();
console.log(T1);

 

shift() / unshift()

 shift() unshift() 배열 앞에 제거 또는 추가한다.

 push() 또는 unshift()로 값을 추가할 때, 여러 개를 추가할 수 있다.

 

배열을 사용하는 이유

 배열을 사용하는 이유 중 하나는 반복을 하기 위함이다.

 

 아래 코드는 for문을 사용한 반복문이다.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];

for(index = 0; index < T1.length; index++) {
	console.log(T1[index]);
}

 

 아래 코드는 for ... of 를 사용한 반복문이다.

 비슷한 기능 객체for ... in 과 혼동하지 않도록 주의하자.

T1 = ['zeus', 'oner', 'faker', 'gumayusi', 'keria'];

for(a of T1) {
	console.log(a);
}

 

 for문과 달리 간단하지만 index를 얻지 못한다는 단점이 있다.

728x90
반응형