객체(Object)는 값들을 그룹으로 묶은 데이터 모음 

객체를 만드는 표현식 {} 사용

{key : Value}

하나의 Key에는 하나의 값이 매핑됨 . 객체 안에 중복된 키 허용X

examples/part2/028.js

 

객체를 설명하는데 있어JSON을 설명하지 않을수 없습니다. 

JSON(JavaScriptObjectNatation) 은 자바스크립트 객체와 매우 유사한 구조를 지닌 데이터 교환방식

{"Key" : "Value"}

 

 

객체 내부에 있는 특정 속성에 바로 접근하고, 새로운 속성을 추가/삭제하는 방법

examples/part2/029.js

객체 속성에 접근하는 방법은 객체의 우측에 컴마. 를 두고 그 다음에 객체 속성으로 정의된 키 이름 작성하면됨

var family = {
'address' : 'Seoul',
members:{},
addFamily : function(age, name, role) {
this.members [role] = {
age: age,
name: name 
};
},
getHeadcount : function() {
return Object.keys(this.members).length;
}
};
family.addFamily(30,'chole','aunt');
family.addFamily(3,'lyn','niece');
family.addFamily(10,'dangdangi','dog');

var printMembers = function() { // 변수 printMembers에 함수 표현식을 대입함. 
var members = family.members; //family변수 객체의 members에 접근. 그리고 별도의 members 변수를 선언하고 해당 값을 할당
for (role in members) { //for-in으로 members객체를 순환합니다. members의 속성을 하나씩 접근할때마다
//name과 age의 속성값 반환하여 출력
console.log('role => ' + role + ', name =>' + members[role].name + ', age =>' + members[role].age);
}
};
printMembers(); //선언한 pirntMembers 함수를 호출하여 실행시킴

var members = family.members;
members['nephew'] = {age: 3 , name :'hyun'};  //객체에 새로운 속성을 추가하는 방법 키가 'nephew'이고 값은 {age:3,name:'hyun'}인 속성을 members에 추가합니다.
members.niece = {age: 5, name: 'lyn'}; //'niece'라는 키 속성은 members객체 변수 안에 원래 있는 값입니다.
delete members.aunt; //객체의 특정 속성을 삭제하는 방법입니다. 키워드 delete를 앞에 두고 특정 객체의 속성을 뒤에 작성하면,  members 객체에 콤마로 접근한 aunt 속성이 삭제됩니다.
delete members['dog']; 
printMembers();

 

'JavaScript 200제' 카테고리의 다른 글

예외 처리하기(throw,try-catch-finally)  (0) 2019.09.24
함수 이해하기  (0) 2019.09.24
심볼형 이해하기  (0) 2019.09.24
ES6의 향상된 객체문법  (0) 2019.09.24
템플릿 문자열 이해하기  (0) 2019.09.24

+ Recent posts