Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript 객체의 속성에 접근하는 방법은 몇 가지일까?

JavaScript에서 객체(object)의 속성(property)에 접근하는 방법은 크게 두 가지가 있습니다. 하나는 점 표기법(dot notation)이고, 다른 하나는 대괄호 표기법(bracket notation)입니다.

방법 1: 점 표기법 (Dot Notation)

Object.property;

방법 2: 대괄호 표기법 (Bracket Notation)

Object["property"];

두 방식의 차이를 더 잘 이해하기 위해 아래 예제를 살펴보겠습니다.

예제 1: 점 표기법으로 속성에 접근하기

다음 예제에서는 'person'이라는 객체를 정의한 후, 점 표기법을 사용해 객체의 속성에 접근합니다.

<html>
<body>
<script>
var person = {
    firstname:"Ram",
    lastname:"kumar",
    age:50,
    designation:"content developer"
};
document.write(person.firstname + " " + "is in a role of" + " " + person.designation);
</script>
</body>
</html>

출력 결과

Ram is in a role of content developer

예제 2: 대괄호 표기법으로 속성에 접근하기

다음 예제에서는 동일한 'person' 객체의 속성을 대괄호 표기법을 사용해 접근합니다.

<html>
<body>
<script>
var person = {
    firstname:"Ram",
    lastname:"kumar",
    age:50,
    designation:"content developer"
};
document.write(person['firstname']+ " " + "is in a role of" + " " + person['designation']);
</script>
</body>
</html>

출력 결과

Ram is in a role of content developer

두 방법 모두 같은 결과를 출력하지만, 상황에 따라 적합한 방식이 다릅니다. 일반적으로 속성 이름이 고정되어 있고 유효한 식별자라면 점 표기법이 간결하고 가독성이 좋습니다. 반면, 속성 이름이 변수에 저장되어 있거나 공백·하이픈 등이 포함된 문자열인 경우에는 대괄호 표기법을 사용해야 합니다.