본문 바로가기

자바스크립트

[Javascript] - 객체

 

 

 

1) 객체  

 

객체는 배열과  유사하지만   다른 개념이다   배열은 숫자와  문자열만  담을 수 있지만   객체는 다양한 데이터를 담을 수 있다  객체는  { }  중괄호를  이용해서  만들 수가 있는데   중괄호 안에는   '키(key)'  값과  '값(value)' 쌍으로 구성된  프로 퍼티를 넣을 수 있다 키 엔  문자형  값 에는 모든 자료형이 다 들어올 수 있다 

 

객체를 만드는 법엔  2가지 방법이 있다 

 

let object = new Object();
let object = {};

각각   객체 생성자 문법, 객체 리터럴 문법이라고 부른다   

 

let user = {
    name : 'Alex',    // 키는 name 이고  value는  Alex다 
    address : "New york'// 마찬가지
    };

점 표기법을 사용하면  프로퍼티를 읽을 수 있다 

 

alert(user.name) // Alex 출력
alert(user.address) // New york 출력

 

 

대괄호 표기법으로도  가능하다 

 

alert(user['name']) // Alex 출력
alert(user['address']) // New york 출력

 

 

 

2. in 연산자로  프로퍼티 여부 확인하기 

let user = {name : 'John', age : 30};

alert("age" in user); //age가 user안에 있기 때문에 true를 출력한다 
alert("hobby" in user); // user안에 없는 키 이기 때문에 false를 출력한다 

 

3. for in 반복문 

 

for in 반복문을 사용하면  객체의  모든 키를 순회할 수 있습니다 

 

let user = {
  name: "John",
  age: 30,
  isAdmin: true
};

for (let key in user) {
  // 키
  alert( key );  // name, age, isAdmin
  // 키에 해당하는 값
  alert( user[key] ); // John, 30, true
}

 

 

4. 객체지향 프로그래밍 

 

var grades = {
    'list': {'egoing': 10, 'k8805': 6, 'sorialgi': 80},
    'show' : function(){
        for(var name in this.list){
            document.write(name+':'+this.list[name]+"<br />");
        }
    }
};
grades.show();

생활코딩 에서 가져온  코드다  아직 객체지향 프로그래밍에 대해선 잘 모르지만  대충 맛보기만 해보자