2024-10-14
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
/*
자바스크립트에서 배열 생성 방법 - 3가지
1. let 배열명 = new Array(원소1, 원소2, ..., 원소 n);
2. let 배열명 = [원소1, 원소2, ..., 원소 n];
3. let 배열명 new Array();
※ 자바스크립트에서 배열은 모든 데이터 타입(자료형)의
데이터를 다 담을 수 있음.
*/
// 1. let 배열명 = new Array(원소1, 원소2, ..., 원소 n);
let arr1 = new Array("hong", 123, 12.6, true);
document.write(`${arr1} <br>`); // 전체 요소 출력
document.write(`${arr1[2]} <br>`); // 특정 요소 출력
document.write("<hr>");
// 반복문을 이용하여 배열의 요소를 출력할 수 있다.
for(let i = 0; i < arr1.length; i++) { // 배열은 조건식에서 =를 사용하면 오류가 남
document.write(`arr1[${i}] >>> ${arr1[i]} <br>`);
}
document.write("<hr>");
// 개선된 for 문
for(let k in arr1) {
document.write(`arr1 배열 요소 >>> ${arr1[k]} <br>`);
}
document.write("<hr>");
// 2. let 배열명 = [원소1, 원소2, ..., 원소 n];
let arr2 = ["hong", 123, 12.6, true];
for(let k = 0; k < arr2.length; k++) { // 배열은 조건식에서 =를 사용하면 오류가 남
document.write(`arr2[${k}] >>> ${arr2[k]} <br>`);
}
document.write("<hr>");
// document.write(i); ==> 사용불가
// 3. let 배열명 new Array();
let arr3 = new Array();
arr3[0] = "hong";
arr3[1] = 123;
arr3[2] = 12.6;
arr3[3] = true;
for(let i = 0; i < arr3.length; i++) { // 배열은 조건식에서 =를 사용하면 오류가 남
document.write(`arr3[${i}] >>> ${arr3[i]} <br>`);
}
// 이곳에 쓰인 i 변수는 for문 안에서 쓰이는 지역변수이기 때문에 위 구문의 i변수랑 다름.
document.write("<hr>");
</script>
</head>
<body>
</body>
</html>
'JavaScript > 기초 내용 정리' 카테고리의 다른 글
| JavaScript(Array)_03 (0) | 2024.10.14 |
|---|---|
| JavaScript(Array)_02 (0) | 2024.10.14 |
| JavaScript(Control)_10 (0) | 2024.10.14 |
| JavaScript(Control)_09 (0) | 2024.10.14 |
| JavaScript(Control)_08 (0) | 2024.10.14 |