UX·UI - FrontEnd Dev. Story

프론트엔드/Javascript

[Javascript] 자바스크립트 기초 배열 문법 활용하기

클로이겅쥬 2019. 12. 24. 16:50
반응형

배열

배열은 여러개의 데이터를 순차적으로 저장하는 저장소이며, 사용하는 방법이 다양합니다.

 

 

 

1.문법

var 변수명 = [값1, 값2, 값3......]

배열 사용하는 방법 01

배열을 선언하고 데이터를 순차적으로 선언하는 방법입니다.

 

var arr1 = new Array();
arr1[0] = 100;  //첫번째 배열 저장소에 100을 저장
arr1[1] = 200;  //두번째 배열 저장소에 200을 저장

 

 

배열 사용하는 방법 02

배열을 선언과 동시에 데이터를 넣는 방법입니다.

 


var arr2 = new Array(100,200);

 

 

배열 사용하는 방법 02

배열을 선언하지 않고 바로 데이터를 넣는 방법입니다.

 


var arr3 = [100,200];

 

 

 

 

2. 배열 객체의 메서드 / 속성

종류 설명
join() 배열 객체의 데이터를 문자형 데이터로 출력합니다.
reverse() 배열 객체의 데이터를 반대로 출력합니다.
sort() 배열 객체의 데이터를 오름차순으로 출력합니다.
slice() 배열 객체의 데이터를 인덱스 구간만큼 가져옵니다.
splice() 배열 객체의 지정 데이터를 삭제하고 새 테이터를 삽입합니다.
concat() 배열 객체의 데이터 중 2개의 배열 객체를 하나로 합칩니다.
pop() 배열 객체의 데이터 중 마지막 데이터를 삭제합니다.
push() 배열 객체의 마지막 인덱스에 새 데이터를 삽입합니다.
shift() 배열 객체의 데이터 중 첫 번째 데이터를 삭제합니다.
unshift() 배열 객체의 첫 번째 인덱스에 새 데이터를 삽입합니다.
length 배열 객체의 데이터 개수를 반환합니다.

 

 

배열의 크기 구하기

 

const arr4 = [100,200,300,400,500];

document.write(arr4.length);
document.write("<br><br>");  // 5

 

 

배열 가져오기

 

const arr5 = [100,200,300,400,500];

for(var i=0; i<arr5.length; i++){
document.write(arr5[i], "<br>");
}

 

 

반응형