1. 배열
- 여러 개의 원소들을 연속적으로 저장
- 전체를 하나의 단위로 다루는 데이터 구조
- 배열 생성 사례
- 0에서 시작하는 인덱스를 이용하여 배열의 각 원소 접근
2. 배열의 특징
- 배열은 Array 객체 : []로 생성해도 Array 객체로 다루어짐
- 배열에 여러 타입의 데이터 섞여 저장 가능
3. 배열 만드는 법
- 배열 만드는 2가지 방법
[]로 배열 만들기
Array 객체로 배열 만들기
①. []로 배열 만들기
- [] 안에는 원소들의 초기 값 나열
- 배열 크기 : 배열의 크기는 고정되지 않고 원소 추가 시 늘어남
배열의 끝에 원소 추가
주의 : 현재 배열보다 큰 인덱스에 원소를 추가하면 값이 비어 있는 중간의 원소들도 생기는 문제 발생
② Array로 배열 만들기
- 초기 값을 가진 배열 생성 : 일정 크기의 배열 생성 후 나중에 원소 값 저장
- 빈 배열 생성 : 원소 개수를 예상할 수 없는 경우
4. 배열의 원소 개수, length 프로퍼티
- 배열의 크기 : Array 객체의 length 프로퍼티
- length 프로퍼티는 사용자가 임의로 값 변경 가능 :length 프로퍼티는 Array 객체에 의해 자동 관리된다. / 사용자가 임의로 값 변경 가능
배열의 크기를 줄이거나 늘일 수 있음
예)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열</title>
</head>
<body>
<h3>자바스크립트 배열만들기</h3><hr>
<script>
var arr = [20,5,8,15,20];
sum=0;
for(i=0;i<arr.length;i++){
sum+=arr[i];
}
document.writeln("sum : "+sum)
document.writeln("<br>")
var arr1 = new Array();//배열 객체를 생성
//자바에서는 Data Type 존재하기 때문에 동일한 타입이 저장되지만,
//자바스크립트에서는 동일한 Type이 아니어도 상관 없다.
//그러나 일반적으로 사용은 동일한 타입을 사용한다.
arr1[0] = 15.1;
arr1[1] = 15.4;
arr1[2] = 16.1;
arr1[3] = 17.2;
arr1[4] = 19.1;
arr1[5] = 21.4;
//평균 온도를 구하시오.
for(i=0;i<arr1.length;i++){
sum+=arr1[i]
}
document.writeln("평균온도 : "+sum/arr1.length);
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
'화면구현' 카테고리의 다른 글
HTML DOM(Document Object Model) (0) | 2020.03.11 |
---|---|
(Javascript) Date 객체, String 객체, Math객체, object 객체 (0) | 2020.03.11 |
(Javascript)객체 (0) | 2020.03.11 |
(Javascript) 함수 (0) | 2020.03.11 |
(Javascript) 구구단만들기 (0) | 2020.03.10 |