[javascript] 객체 리터럴을 사용하여 객체 만들기
JavaScript에서 객체를 만들 때 객체 리터럴을 사용하는 것은 매우 흔한 방법입니다. 객체 리터럴은 중괄호 {}
안에 키-값 쌍을 정의하여 객체를 생성하는 방식입니다. 이 방법은 간편하고 직관적이며, 코드를 간결하게 유지하는 데 도움이 됩니다.
아래는 객체 리터럴을 사용하여 객체를 만드는 간단한 예제입니다.
// 객체 리터럴을 사용하여 person 객체 생성
var person = {
name: "John",
age: 30,
gender: "male",
hobbies: ["reading", "coding", "running"],
greet: function() {
console.log("Hello, my name is " + this.name + "!");
}
};
// person 객체의 속성 접근
console.log(person.name); // "John"
console.log(person.age); // 30
// person 객체의 메서드 호출
person.greet(); // "Hello, my name is John!"
위 예제에서는 person
이라는 객체를 객체 리터럴을 사용하여 생성했습니다. 이 객체는 이름(name
), 나이(age
), 성별(gender
), 취미(hobbies
)와 같은 속성들을 가지고 있습니다. 또한 greet
라는 메서드를 정의하여 객체의 메서드로 사용할 수 있습니다.
객체 리터럴을 사용하여 객체를 만들 때, 속성들 간의 구분은 콤마(,
)로 이루어지며, 속성 이름과 값은 콜론(:
)으로 구분됩니다. 값을 접근할 때는 점 표기법(person.name
)이나 대괄호 표기법(person['name']
)을 사용할 수 있습니다.
객체 리터럴을 사용하여 객체를 만들면 코드를 간결하게 유지할 수 있으며, 필요에 따라 동적으로 속성을 추가하거나 변경할 수 있습니다. 또한, 함수로 정의된 메서드를 통해 객체의 동작을 추가할 수도 있습니다.
자바스크립트에서 객체를 다룰 때 객체 리터럴을 사용하여 객체를 만들어보세요. 간단하면서도 유용한 방법입니다.