문돌이식으로 자바스크립트 개념을 쉽게 알고 넘어가자. 글로 배우는 코딩이 아니라 직접 해보면서 몸으로 체득하는 것을 목표로 삼으면 된다.
배열 안에 또 다른 배열이 들어 있는 모습을 2차원 배열이라 한다. 각 층이 1차원 배열이라면 아파트라는 배열 안에 각 층을 넣어 2차원 배열을 완성하는 방식이다.
var apartment=new Array();
var fourth=["401호","402호","403호"];
var third=["301호","302호","303호"];
var second=["201호","202호","203호"];
var first=["101호","102호","103호"];
apartment[0]=fourth;
apartment[1]=third;
apartment[2]=second;
apartment[3]=first;
이제 입력한 배열을 불러내보자. 배열과 반복문은 밀접한 사이라고 기억해 둡시다. 2차원 배열을 표현하기 위해서는 이중반복문을 사용합니다.
우선 1차원 배열로 제대로 값이 나오는지 확인을 해봅시다.
for(var i=0; i<apartment[4].length; i++){
document.write(apartment[4][i] + " ");
}
아파트 1층의 3개 호수가 출력이 되었다. 이중반복문으로 나머지 층도 모두 불러오면 끝이다.
for(var a=0; a<apartment.length; a++){
for(var i=0; i<apartment[a].length; i++){
document.write(apartment[a][i] + " ");
}
document.write("<br>");
}
기본이 충실한 프로그래머가 되려면 개념을 정확히 이해하고 예제로 숙달하는 과정을 꼭 거치자.
'문돌이의 IT > JavaScript' 카테고리의 다른 글
[문돌이의IT]자바스크립트 createElement(), createTextnode()로 요소 추가하기 (0) | 2016.01.22 |
---|---|
[문돌이의IT] 자바스크립트 id, name 속성의 차이점 (0) | 2016.01.20 |
[문돌이의IT] 자바스크립트 Math객체로 랜덤효과 나타내기 (0) | 2016.01.19 |
[문돌이의IT] 자바스크립트 Math객체 활용하기(Math.random(), Math.floor() 매서드) (0) | 2016.01.18 |
[문돌이의 IT]자바스크립트 2차원 배열 익히기(화면의 좌표 출력 방법) (0) | 2016.01.12 |