[JavaScript] JavaScript 배열(Array)
- 웹 프로그래밍/JavaScript
- 2020. 12. 24. 00:00
안녕하세요.
오늘부터는 JavaScript에서 배열에 대해서 공부해 보려고 합니다.
배열(Array)이란? 이름과 인덱스로 참조되는 정렬된 값의 집합이라고 정의가 됩니다.
배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 번호를 인덱스라고 합니다.
그럼 이제 예제를 통해서 JavaScript에서 배열을 어떻게 생성하고 다루는지 한번 알아 보도록 하곘습니다.
예제 코드
|
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
37
38
39
40
41
42
43
44
45
46
47
48
49
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 연습 - 범범조조</title>
<style>
h1{
color: white;
background-color: red;
font-size: 35px;
}
</style>
<body>
<h1>배열 생성 예제</h1>
<script>
var arr1 = [1, true, "범범조조"];
var arr2 = Array(1, true, "범범조조");
var arr3 = new Array(1, true, "범범조조");
document.write(arr1 + "<br>");
document.write(arr2 + "<br>");
document.write(arr3 + "<br>");
</script>
<br/>
<h1>배열 참조 방법</h1>
<br/>
<script>
var arr = ["범범조조"];
var ele = arr[0];
document.write(ele + "<br>");
arr[1] = "자바스크립트";
arr[2] = "인덱스 2번째";
document.write("arr[1] : " + arr[1] + "<br>");
document.write("arr[2] : " + arr[2] + "<br>");
delete arr[2];
document.write("arr[2] : " + arr[2] + "<br>");
</script>
</body>
</html>
|
cs |
실행 결과
위와 같이 JavaScript에서 배열을 생성하고 출력해 보았습니다.
감사합니다.
728x90
'웹 프로그래밍 > JavaScript' 카테고리의 다른 글
| [JavaScript] JavaScript 함수 (function) (0) | 2020.12.25 |
|---|---|
| [JavaScript] JavaScript Number 객체 사용방법 (0) | 2020.12.24 |
| [JavaScript] JavaScript continue 문 (0) | 2020.12.23 |
| [JavaScript] JavaScript 객체 프로퍼티 삭제하기 (0) | 2020.12.23 |
| [JavaScript] JavaScript 반복문 – for in 문 (0) | 2020.12.22 |
