-
[javascript] 46. 객체 속성(Object properties) - 자바스크립트 강좌 JS / CSEWeb/JavaScript 2015. 6. 13. 15:31JavaScript Object Properties
속성은 어떤 자바스크립트 객체에서의 가장 중요한 부분입니다.
1. JavaScript Properties
속성은 자바스크립트 객체와 연관된 값 입니다.
자바스크립트 객체는 정렬되지 않은 속성들의 집합입니다.
속성은 변경되고, 추가되고, 삭제될 수 있습니다.
2. Accessing JavaScript Properties
객체의 속성에 접근하는 문법입니다:
objectName.property // person.age
objectName["property"] // person["age"]
objectName[expression] // x = "age"; person[x]
3. JavaScript for...in Loop
자바스크립트 for in 구문은 객체의 속성을 통한 반복문입니다.
문법:
for (variable in object) {
code to be executed
}예제:
1234567891011121314151617181920<!DOCTYPE html><html><body><p id="demo"></p><script>var txt = "";var person = {fname:"John", lname:"Doe", age:25};var x;for (x in person) {txt += person[x] + " ";}document.getElementById("demo").innerHTML = txt;</script></body></html>cs 4. Adding New Properties
기존의 객체에 새로운 속성을 값을 주어서 쉽게 추가 할 수 있습니다:
12person.nationality = "English";cs 5. Deleting Properties
delete 키워드를 사용하여 객체의 속성을 제거 할 수 있습니다:
12var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};delete person.age; // or delete person["age"];cs 'Web > JavaScript' 카테고리의 다른 글
[javascript] 49. 함수 선언(function definitions) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 48. 객체 프로토타입(Object prototype) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 47. 객체 메소드(Object methods) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 45. 객체 선언(Object defination) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 44. 서식 API(Forms API) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13 [javascript] 43. 서식 검사(Forms validation) - 자바스크립트 강좌 JS / CSE (0) 2015.06.13