1. 프로퍼티(Property)개요, 프로퍼티 추가/변경
프로퍼티
•
형태
⇒ { name: value }
•
name에 프로퍼티 이름(Key)를 작성
◦
따옴표 작성 생략
•
value에 JS에서 지원하는 타입 작성
{ a: 123, b: "ABC", c: true, d: {} }
{ book: function () {코드} }
JavaScript
복사
프로퍼티 추가, 변경
•
오브젝트에 프로퍼티 추가, 변경
var obj = {};
obj.abc = 123;
JavaScript
복사
◦
obj오브젝트에 프로퍼티 이름으로 abc가 있으면 abc: 123이 추가되고 abc가 있으면 123으로 변경됩니다.
•
작성 방법
◦
점(.)과 프로퍼티 이름 사용
◦
대괄호 사용: obj["abc"]
◦
abc 변수 이름 작성: obj[abc]
var obj = {};
obj.abc = 123;
obj["def"]=456;
var key = "def";
console.log(obj[key]);//456
JavaScript
복사
2. 프로퍼티 값 추출, for~in 문
프로퍼티 값 추출
•
오브젝트에서 프로퍼티 값 추출
var obj = {book: "책"}
var value = obj.book;
console.log(value);//책
JavaScript
복사
•
obj오브젝트에 프로퍼티 이름(Key)의 존재여부에 따라
◦
이름이 있으면 프로퍼티 값 반환
◦
이름이 없으면 undefined 반환
var obj = {book: "책"}
console.log(obj.book);//책
console.log(obj.price);//undefined
JavaScript
복사
for-in
•
오브젝트에서 프로퍼티를 열거
•
형태
for(변수 in 오브젝트) 문장;
for(표현식 in 오브젝트)문장
•
for(var item in sportc){코드}
◦
프로퍼티 이름이 item에 설정
◦
sports[item]으로 프로퍼티 값을 구함
◦
프로퍼티를 작성한 순서대로 읽혀진다는 것을 보장하지 않음.
var sports = {
soccer: "축구",
baseball: "야구"
}
for(var item in sports){
console.log(item);
console.log(sports[item]);
}
JavaScript
복사