배열(Arrays) - Web 개발 학습하기 | MDN
배열 선언과 초기화
배열은 대괄호 []를 사용하여 선언할 수 있으며, 각 요소는 쉼표로 구분합니다. JavaScript에서 배열은 길이의 제한이 없고, 다양한 타입의 데이터를 동시에 포함할 수 있습니다.
// 배열 선언
let numbers = [1, 2, 3, 4, 5];
let fruits = ["Apple", "Banana", "Cherry"];
let mixed = [1, "Hello", true, { name: "홍길동" }, [1, 2, 3]];
console.log(numbers); // 출력: [1, 2, 3, 4, 5]
console.log(fruits); // 출력: ["Apple", "Banana", "Cherry"]
console.log(mixed); // 출력: [1, "Hello", true, {name: "홍길동"}, [1, 2, 3]]배열은 new Array() 구문으로도 선언할 수 있지만, 일반적으로 []를 사용하는 것이 더 간단하고 읽기 좋습니다.
let arr = new Array(10); // 10개의 빈 슬롯이 있는 배열 생성
console.log(arr); // 출력: [empty × 10]배열의 기본 속성
- 인덱스(Index): 배열의 각 요소는 0부터 시작하는 인덱스로 접근할 수 있습니다. 예를 들어
fruits[0]는"Apple"을 반환합니다. - 길이(Length): 배열의 길이는
length속성을 통해 확인할 수 있으며, 배열에 있는 요소의 개수를 나타냅니다.
let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // 출력: "Apple"
console.log(fruits.length); // 출력: 3예제코드
<!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 type="text/javascript">
// 배열
let arr1 = [];
let arr2 = [273, 32, 103, 57, 52];
console.log(arr2);
document.write(arr2);
// 배열 출력
for (let i = 0; i < arr2.length; i++) {
document.write(arr2[i] + "<br>");
}
// 향상된 for문 : 인덱스 번호 출력
for (let i in arr2) {
document.write("arr2[" + i + "] = " + arr2[i] + "<br>");
}
// 향상된 for문 : 값 출력
for (let value of arr2) {
document.write("value = " + value + "<br>");
}
// Array 내장 객체 배열 생성
let arr3 = new Array(273, 32, 103, 57, 52);
console.log(arr3);
document.write(arr3);
</script>
</body>
</html>
