728x90
배열(array)
- 자료구조 중 하나
- 이름과 인덱스로 참조되는 정렬된 값의 집합
- 배열에서의 위치를 가리키는 숫자는 인덱스라고 부름
- 자바스크립트의 객체
자바스크립트의 특징
- 배열 요소의 타입이 고정되어 있지 않음
[1, 1.5, true, '김사과']
- 배열 요소의 인덱스가 연속적이지 않아도 됨
let arr = []; // 배열의 길이를 정하지 않아도 됨
arr[0] = 1;
arr[2] = 10;
arr[1]은? undefined // 타입이 정해져 있지 않기 때문.
배열의 생성
let 배열명; // undefined
배열명 = [요소1, 요소2, 요소3 ..];
let arr;
arr = [100, 80, 40, 70, 60];
---- --- --- --- ---
인덱스 0 1 2 3 4
let arr = [100, 80, 40, 70, 60];
let arr = new Array(요소1, 요소2, 요소3 ..);
⭐ length 프로퍼티
- 현재 배열의 요소의 갯수를 저장
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열 - 1</title>
</head>
<body>
<h2>배열 - 1</h2>
<script>
'use strict';
let arr = [1, 'apple', '김사과', 20, '서울', '잠자기'];
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
console.log(arr[4]);
console.log(arr[5]);
arr[5] = '먹기';
console.log(arr[5]);
console.log(arr.length); // 요소의 개수 6
arr[7] = 'A형';
console.log(arr[7]);
console.log(arr.length); // 요소의 개수 8. arr[6을 건너 뛰우고 arr[7]에 값을 넣었기 때문.
console.log(arr[6]); // undefined.
console.log('------------');
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
</script>
</body>
</html>
배열 예제
출력
입력받을 숫자의 갯수를 입력하세요 5
1번째 숫자를 입력하세요
...
5번째 숫자를 입력하세요
xxx
xxx
xxx
xxx
xxx
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열 - 2</title>
</head>
<body>
<h2>배열 - 2</h2>
<script>
'use strict';
let cnt = Number(prompt('입력받을 숫자의 갯수를 입력하세요'));
let numArr = [];
for (let i = 0; i < cnt; i++) {
numArr[i] = Number(prompt(`${i+1}번째 숫자를 입력하세요`)); // 1 2 3
}
for (let i = 0; i < cnt; i++) {
console.log(numArr[i]);
}
console.log('--------------------------');
let idx = 0;
let arr = [];
while (idx < cnt) {
arr[idx] = Number(prompt(`${idx+1}번째 숫자를 입력하세요`)); // 4 5 6
idx++;
}
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
</script>
</body>
</html>
728x90
'JS > JavaScript' 카테고리의 다른 글
| [JavaScript] 배열의 반복 (0) | 2022.04.28 |
|---|---|
| [JavaScript] Array 객체의 메소드 (프로퍼티 메소드) (0) | 2022.04.28 |
| [JavaScript] 자바스크립트 제어문 (0) | 2022.04.28 |
| [JavaScript] 자바스크립트 연산자 (0) | 2022.04.28 |
| [JavaScript] 자바스크립트 대화 상자 (0) | 2022.04.28 |