티스토리 뷰

JavaScript


자바스크립트 객체


정  의

☞ 객체 역시 var 타입에 담긴다


1
2
3
4
5
6
7
var jang = { 
 "name" : 'jang',
 "age" : 27,
 "kor" : 30,
 "math" : 20,
 "eng" : 80
};
cs



☞ 이런식으로 객체를 껍데기만 만들고 추가도 가능함

1
2
3
4
5
6
var kim = {};
kim.name = 'kim';
kim.age = 20;
kim.kor = 20;
kim.math = 100;
kim.eng = 60;
cs

                ☞ 함수를 만들고 안에 객체 생성을 정의해서 만들 수 있다. 매개변수가 각 키들의 값으로 들어감

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function makeStudent(name, age, kor, math, eng) {
    var stu = {
        "name" : name,
        "age" : age,
        "kor" : kor,
        "math" : math,
        "eng" : eng,
        "getAverage" : function() {
            return (kor + math + eng) / 3;
        }
    };
    return stu;
    
var jang = makeStudent('jang'27302080);
cs

                ☞ 생성자 함수 this 키워드로 속성을 추가하고 new 연산자로 함수를 호출

1
2
3
4
5
6
7
8
9
10
11
12
//생성자 함수
//함수에서 this키워드를 이용해 속성을 추가하고 new연산자를 통해 함수를 호출하면 this키워드에 추가한 속성들로 이뤄진 객체가 만들어짐
function Student(name,age,kor,math,eng){
    this.name = name;
    this.age = age;
    this.kor = kor;
    this.math = math;
    this.eng = eng;
    this.getAverage = function(){
        return (kor + math + eng) / 3;
    }
}
cs


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
«   2024/05   »
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
글 보관함
Total
Today
Yesterday