1. 배열이란?
- 변수를 그룹으로 묶는 형태의 한 종류로서, 사물함 같은 형태를 갖고 잇음
- 대부분의 프로그래밍 언어에서 하나의 배열 안에는 같은 종류 (데이터형)의 값들만 저장될수도 있지만, 자바스크립트는 데이터형의 선언을 별도로 하지 않기 때문에 데이터 형에 대한 제약이 없음
2. 배열 생성
- let myarray = new Array(값1, 값2...);
- let myarray = [값1, 값2...];
3. 인덱스
- 생성된 배열은 사물함과 같이 각각의 칸에 값들이 저장되고, 일련번호가 0부터 지정
- 일련번호 = 배열의 인엑스
let myarray = ['웹표준', 'HTML,CSS', '반응형 웹'];
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let myarray = ['java', 'dbms', 'javascript' ];
// 배열에 저장된 값들을 얻기
document.write("<h1>" + myarray[0] + "</h1>");
document.write("<h1>" + myarray[1] + "</h1>");
document.write("<h1>" + myarray[2] + "</h1>");
// 값의 재할당
myarray[[0]] = 'html';
myarray[[1]] = 'dbms';
myarray[[2]] = 'javascript';
</script>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 빈 배열의 생성
let myarray = new Array();
// let myarray2 = [];
// 반복문을 통하여 배열의 칸을 확장하고 값을 저장
// for문을 통해
// myarray[0] = 0
// myarray[1] = 1
// ...
// myarray[9] = 9
for( let i = 0; i<10; i++ ){
myarray[i] = i;
}
// 반복문을 통한 출력 : myarray.length
for( let i = 0; i<myarray.length; i++ ){
document.write("<p>" + myarray[i] + "</p>");
}
document.write("<p>배열의 길이 : " + myarray.length + "</p>");
</script>
</body>
</html>4. 2차 배열
- 생성
let myarray = new Array(
new Array(값1, 값2...),
new Array(값1, 값2...)
);
let myarray = [
new Array[값1, 값2...],
new Array[값1, 값2...]
];
5. 2차 배열 사용
- 배열 이름[행][열] 접근할 수 있음
6. 길이(크기) 조회
- 행의 크기 조회
myarray.length; - n번째 행에 대한 "열"의 크기 조회
myarray[n].length;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let myarray = [
['java', 'dbms', 'javascript'],
['react', 'springboot', 'jpa']
];
for(let i=0; i<myarray.length; i++){ // 행
for(let j=0; j<myarray[i].length; j++){ // 열
document.write("<p>" + myarray[i][j] + "</p>");
}
}
</script>
</body>
</html>