자바스크립트의 객체형 변수선언의 용도와 예제

자바스크립트의 객체(Object)는 여러 가지 데이터를 하나의 변수에 저장하고자 할 때 사용합니다. 객체는 ‘키(key)’와 ‘값(value)’의 쌍을 저장하는 컨테이너로, 이러한 키-값 쌍을 프로퍼티(property)라고 부릅니다.

객체를 선언하는 기본적인 방법은 두 가지입니다.

객체 리터럴 방식: 중괄호 {}를 사용하여 객체를 직접 선언합니다.

let person = {
  name: 'John Doe',
  age: 25,
  sayHello: function() {
    console.log('Hello, ' + this.name);
  }
};

console.log(person.name); // John Doe
console.log(person.age);  // 25
person.sayHello();        // Hello, John Doe

위의 예제에서 person은 객체를 참조하는 변수이며, name, age, sayHello는 객체의 프로퍼티입니다. name과 age 프로퍼티는 각각 문자열과 숫자 값을 가지며, sayHello 프로퍼티는 함수를 값으로 가집니다.

new 연산자와 생성자 함수를 이용한 방식: new 연산자와 함께 생성자 함수를 호출하여 객체를 생성할 수 있습니다.

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log('Hello, ' + this.name);
  };
}

let person = new Person('John Doe', 25);

console.log(person.name); // John Doe
console.log(person.age);  // 25
person.sayHello();        // Hello, John Doe

위의 예제에서 Person은 생성자 함수이며, new Person('John Doe', 25);는 Person 객체를 생성하고 초기화하는 코드입니다.

객체는 이처럼 다양한 데이터를 하나의 단위로 묶어 관리하는 데 사용되며, 함수도 포함할 수 있어 코드의 재사용성을 높이는 데 유용합니다.

답글 남기기 응답 취소