객체 - 속성 다루기

this

같은 객체 안에 있는 변수를 불러올 때 쓴다

var 변수 = {};

변수.변수1 = "값";
변수.변수2 = function(){
console.log(this.변수1); // this는 '변수'이다
}

var 다른변수 = {};

다른변수.변수1 = "다른값";
다른변수.변수2 = function(){
console.log(this.변수1); // this는 '다른변수'이다
}

예제 1. 객체 안의 this를 사용해 자기소개를 해보자

console.clear();
var 사람1 = {};            // 사람1객체 생성
사람1.이름 = "박상은";       // key, value 생성
사람1.나이 = 30;
사람1.자기소개 = function() { // 자기소개 함수 생성
   
    // 같은 객체안에 들어있는 key끼리는 this.으로 접근할 수 있다
    console.log("저는 " + this.나이 + "살 " + this.이름 + "입니다.");
};

사람1.자기소개();
// 출력 => 저는 30살 박상은입니다.

사람1.나이++;              // 나이를 한살 더 올리겠다
사람1.이름 = "내년의 박상은";

사람1.자기소개();
// 출력 => 저는 31살 박상은입니다.

---

객체 안에 하위 객체 값 만들기

var a = {
  은행 : {
    신한: '1금융',
    농협: '2금융'
  }
}

a.은행.신한; // 출력값 : "1금융"
a.은행.농협; // 출력값 : "2금융"

---

객체 속성 삭제

delete를 앞에 붙이면 된다

var a = {
  은행 : {
    신한: '1금융',
    농협: '2금융'
  }
}

delete a.은행.신한; // 삭제
a.은행.농협; // 출력값 : "2금융"

---

객체와 반복문

배열에 있는 값을 가져올 때, 객체의 속성들을 반복하여 작업할 때 사용

조건 입력방법 : for (var key in abc)

• 해석 : abc 객체 안에 있는 key들

var abc = {'a': 100, 'b': 200, 'c': 300 } // 변수에 객체를 만듬.

for (key in abc) {
  console.log("key : "+key+", value : "+abc[key]);
}
// 출력값 : 
"key : a, value : 100"
"key : b, value : 200"
"key : c, value : 300"

---

객체와 함수

함수를 값으로 가진 변수를 객체의 속성값으로 가질 수 있다

var abc = {
  'list': {'a': 10, 'b': 20, 'c': 30},
  // 값을 추가할때 ,(반점)을 넣는것을 잊지말자
 
  'abcshow' : function(){
  //함수를 가진 변수 abc show

  // 그 함 수 안에 this로 list의 객체값을 불러올 수 있다
    for(var key in this.list){
      console.log(key + ": " + this.list[key]);
    }
  }
};

abc.abcshow();

//출력값 : 
"a: 10"
"b: 20"
"c: 30"