다차원 배열 역시 전의 java와 내용은 같다.
차이점이라면 선언 시 ()괄호를 안쓰고 전부 [] 를 쓴다.
그리고 java가 7차원 까지 지원한다면
js는 2차원까지만 지원한다.
고로 예제에서는 3차원 부분에 값을 넣으려면 [배열 형태]로 값을 넣어주어야 한다.
[0][0][0]와 같은 3차원 형식으로 사용하면 인식이 안된다.
<html>
<head>
<meta charset="UTF-8">
<title>다차원 배열</title>
<link rel="icon" href="img/favicon.ico">
<style>
/*css 주석*/
</style>
<!--스크립트를 여기에 넣어도 되지만 페이지가 느려지는 등 원인으로 바디 아래에 넣음-->
</head>
<body>
<!--html 주석-->
</body>
<script>
// 5층 5호
var royalApart = [
// 1층 1~5호
[1, 2, 3, 4, 5],
// 2층 1~5호
[11, 12, 13, 14, 15],
// 3층 1~5호
[21, 22, 23, 24, 25],
// 4층 1~5호
[31, 32, 33, 34, 35],
// 5층 1~5호
[41, 42, 43, 44, 45]
];
// 3층 2호의 값
console.log(royalApart[2][1]);
// 2층 2호의 값
console.log(royalApart[1][1]);
// 4층 4호의 값
console.log(royalApart[3][3]);
// 아파트 1층에 5호, 각 호를 추가
var apart = []; // 아파트(층과 호가 이 안에 들어감)
var floor = []; // 층(호가 이 안에 들어감)
var ho = [0, 0, 0]; // 호 수 (이 안에 방이 3개 있다.)
// 한 층에 5개 호를 넣는다.
floor.push(ho);
floor.push(ho);
floor.push(ho);
floor.push(ho);
floor.push(ho);
apart.push(floor) // 층을 아파트에 추가
// 배열 구조 확인 하기
console.log(apart);
// 0번 아파트 2층의 각 호를 아이들에게 나눠주자.
// 자바스크립트는 2차원 배열 까지만 지원
// 3차원 이상 부터는 새로 배열을 만들어 추가 해야 한다.
console.log(apart[0][2]);
apart[0][2] = [1, 2, '이'];
// apart[0][2][0] = "이" 는 제대로 인식이 안된다.
console.log(apart[0][2]);
// 나머지 층도 값을 부여
apart[0][0] = [1, 2, '영'];
apart[0][1] = [1, 2, '일'];
apart[0][3] = [1, 2, '삼'];
apart[0][4] = [1, 2, '사'];
</script>
</html>
'HTML, CSS, JavaScript, jQuery > 04.Java Script' 카테고리의 다른 글
| [JS]04-07.Shallow Copy 현상, 배열 대입 이상 (0) | 2018.10.19 |
|---|---|
| [JS]04-06.배열 메소드(splice, slice, split, sort, reverse, delete, concat, valueOf, join) (0) | 2018.10.19 |
| [JS]04-04.버튼에 기능 구현하기, 배열 값 넣기, 빼기 push, pop, unshift, shift (0) | 2018.10.18 |
| [JS]04-03.함수 생성 및 사용, 배열 생성 및 사용 (0) | 2018.10.18 |
| [JS]04-02.선언, 객체 생성, 선언, 값 입력, 콘솔 출력 (0) | 2018.10.18 |