반응형

자바스크립트 개발 환경은 Microsoft Visual Studio 2015 버전 HTML 기능 및 Chrome을 이용하고 있습니다.






자바스크립트에서는 사실상 배열이라고 부르지 않고 객체라고 부르게 된다.


C / Java에서는 배열이라고 하는 int array[10] 혹은 int []array = new Int(10) 같이 이용을 할 때 

배열이라고 선언하고 하나의 타입만 들어오게 되지만, 


자바스크립트는 객체라 부르며 var이라고 선언하기에 문자, 숫자, 함수 등 다양한 값이 하나의 객체에 들어와도 무방하다.


바로 예시를 통해 알아보자.


array 객체에는 가, 나, 다, 라 가 들어가게 되고, array2 객체에는 key, value 형태로 존재한다. (C 혹은 Java에서 Map으로 불리는 형태)

이때 array2에는 객체이면서 문자, 함수가 동시에 공존하고 있음을 알 수 있다. 


이를 통해 if('가' in array2) 라고 할 때 array2에 '가'가 존재하는지 알아낼 수 있다.


아래는 그냥 출력만 해주는 방식을 이용해보았다.



두번째로 this 키워드가 있다.


자바부터 this 키워드가 매우 중요한데, 자신의 객체에 존재하는 변수들을 다룰 때 이용한다.


예를들어 아래 this.name에서 this가 없으면 name이 무얼 의미하는지 알 수 없게 된다.


따라서 여기에 this.name이라고 붙여야 name이 무얼 의미하는지 객체 내에서 판단이 가능해진다.



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
<!DOCTYPE html>
<html>
<head>
    <title>test title</title>
    <script>
 
        function func(array2) {
            for (var key in array2)
                alert(array2[key]);
        }
        // 객체 이용 방법
        // (자바스크립트에서는 배열이 아닌 객체라고 부른다.)
        var array = ['가', '나', '다', '라'];
        var array2 = {
            가 : '가입니다.',
            나 : '나입니다.',
            다 : '다입니다.',
        }
 
        for (i in array)
            alert(array[i]);
 
        func(array2);
 
 
        // this 키워드 이용
        var man = {
            name : 'Crocus',
            make: function (blog) {
                alert(this.name + '가 ' + blog + '를 작성중입니다.');
            }
        }
 
        man.make('JavaScript');
 
 
    </script>
</head>
 
 
</html>
 
//                                                       This source code Copyright belongs to Crocus
//                                                        If you want to see more? click here >>
Crocus


클릭하시면 결과 화면을 확인 할 수 있습니다.



















반응형
저작자표시 비영리 변경금지

'Basic > JavaScript' 카테고리의 다른 글

자바스크립트 옵션 객체 초기화 방법  (0) 2017.08.31
자바스크립트 함수를 이용한 객체 생성  (0) 2017.08.28
자바스크립트 인코딩과 디코딩 함수  (0) 2017.08.12
자바스크립트 타이머 관련 함수  (0) 2017.08.12
자바스크립트 클로저(Closures) 개념 및 이용 방법  (0) 2017.08.11

티스토리툴바