객체(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 |