[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'])을 사용할 수 있습니다.

객체 리터럴을 사용하여 객체를 만들면 코드를 간결하게 유지할 수 있으며, 필요에 따라 동적으로 속성을 추가하거나 변경할 수 있습니다. 또한, 함수로 정의된 메서드를 통해 객체의 동작을 추가할 수도 있습니다.

자바스크립트에서 객체를 다룰 때 객체 리터럴을 사용하여 객체를 만들어보세요. 간단하면서도 유용한 방법입니다.

참고 자료