모던 웹을 위한 Javascript jQuery 책을 보면서 정리하는 내용이다. 


 처음 객체를 생성하는 시점 이후에 속성을 추가하거나 제거하는 것을 '동적' 으로 할 수 있다.


 객체 속성추가 

1
2
3
4
5
6
7
8
9
<script>
 
/*
속성추가
*/
 
var student = {};
 
</script>
cs


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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>속성추가</title>
<script>
 
/*
동적으로 속성추가
*/
 
var student = {};
 
// 속성추가
student.이름 = '문돌이';
student.취미 = '운동';
student.특기 = '노래';
student.장래희망 = '부자';
 
alert(student.이름);
 
</script>
</head>
<body>
 
</body>
</html>
cs

메소드도 속성이기 때문에 동일한 방식으로 추가할 수 있다.

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>속성추가</title>
<script>
 
/*
동적으로 속성추가
*/
 
var student = {};
 
// 속성추가
student.이름 = '문돌이';
student.취미 = '운동';
student.특기 = '노래';
student.장래희망 = '부자';
 
//alert(student.이름);
 
//toString 메소드를 생성한다.
student.toString = function () {
    var output = '';
    
    for (key in this) {
        // toString 메서드는 출력하지 않음
        if (key != 'toString') {
            output += key + ' : ' + this[key] + '\n';
        }
    }
    return output;
};
 
alert(student.toString());
 
</script>
</head>
<body>
 
</body>
</html>
cs


속성을 삭제하려면 delete(student.속성명) 를 사용한다. 

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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>속성추가</title>
<script>
 
/*
동적으로 속성추가
*/
 
var student = {};
 
// 속성추가
student.이름 = '문돌이';
student.취미 = '운동';
student.특기 = '노래';
student.장래희망 = '부자';
 
//alert(student.이름);
 
//toString 메소드를 생성한다.
student.toString = function () {
    var output = '';
    
    for (key in this) {
        if (key != 'toString') {
            output += key + ' : ' + this[key] + '\n';
        }
    }
    return output;
};
 
alert(student.toString());
 
delete (student.장래희망);
 
alert(student);
 
</script>
</head>
<body>
 
</body>
</html>
cs


퇴사 관련 이야기들을 모아 책으로 출판했습니다. 

아래 링크에서 전체 목차를 읽어보세요!

대기업 퇴사 이야기 전체보기 : http://www.bookk.co.kr/book/view/21659



아래 링크로 간단한 후기 링크를 남기면 배송비도 환급된다고 하니 참고해주세요.

http://www.bookk.co.kr/community/postscript

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

'문돌이의 IT > JavaScript' 카테고리의 다른 글

자바스크립트 생성자 함수  (0) 2017.10.11
자바스크립트 객체와 배열  (0) 2017.10.10
자바스크립트 in / with 키워드  (0) 2017.10.08
자바스크립트 객체 javascript object  (0) 2017.10.06
자바스크립트 setTImeout 실행순서  (0) 2017.10.05

+ Recent posts

티스토리툴바