JavaScript에서 객체(Object)의 속성에 접근하는 것은 매우 기본적이면서도 중요한 개념입니다. 객체의 속성에는 점 표기법(dot notation)을 사용하여 간단하게 접근할 수 있습니다.
예제 코드
아래 예제는 사용자 정의 객체를 만들고, 해당 객체의 속성에 접근하는 방법을 보여줍니다.
<html>
<head>
<title>User-defined objects</title>
<script>
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script>
var myBook = new book("PHP", "Amit");
book.prototype.price = null;
myBook.price = 250;
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>코드 설명
위 코드의 핵심 내용을 살펴보겠습니다.
1. 생성자 함수 정의
book 함수는 생성자 함수로, this 키워드를 사용해 title과 author 속성을 객체에 할당합니다.
2. 프로토타입 속성 추가
book.prototype.price = null;을 통해 모든 book 객체가 공유하는 price 속성을 프로토타입에 추가할 수 있습니다.
3. 속성 접근
myBook.title, myBook.author, myBook.price처럼 점 표기법을 사용하면 객체의 속성 값을 읽거나 수정할 수 있습니다.
실행 결과
Book title is : PHP Book author is : Amit Book price is : 250
추가 팁: 대괄호 표기법
점 표기법 외에도 대괄호 표기법(bracket notation)을 사용할 수 있습니다. 속성 이름에 공백이나 특수문자가 포함되어 있거나, 속성 이름을 동적으로 결정해야 할 때 유용합니다.
console.log(myBook["title"]); // PHP
이처럼 JavaScript에서는 다양한 방식으로 객체의 속성에 접근할 수 있으며, 상황에 맞는 표기법을 선택하면 됩니다.