프론트엔드/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>");
}
반응형