[JavaScript] 객체 생성하기

 

객체(Object)

자바스크립트에서 객체는 데이터를 구조화하고 저장하는 데 사용되는 중요한 요소입니다.

 

객체는 키(key)와 값(value)으로 이루어진 속성들의 모음입니다.

쉽게 말해 사람 객체를 만든다면 이름, 나이, 직업 등의 속성을 가질 수 있습니다.

 

키는 문자열이고, 값은 다양한 데이터 타입을 가질 수 있습니다.

객체는 다른 객체를 포함할 수도 있고, 함수를 값으로 가질 수도 있습니다.

객체의 키는 유일해야 하지만, 값은 중복될 수 있습니다.

let objectName = {
  key: value,
  key: value,
};

 

 

객체 생성하기

1. 객체 리터럴 사용하기

가장 간단한 객체 생성 방법은 객체 리터럴을 사용하는 것입니다.

중괄호 {} 안에 키와 값을 넣어서 객체를 생성합니다.

let person = {
  name: "John", // name이라는 키에 "John"이라는 값이 있습니다.
  age: 30,      // age라는 키에 30이라는 값이 있습니다.
  sayHello: function () { // sayHello라는 메서드를 추가했습니다.
    return `Hi! I'm ${this.name}`;
  },
};

person은 객체입니다.

name과 age는 속성(property)이고,

greet는 메서드(method)입니다.

메서드는 객체가 수행할 수 있는 동작을 정의합니다.

 

2. new Object() 사용하기

const person = new Object();
person.name = 'John';
person.age = 30;
person.greet = function () {
 console.log(`Hello, ${this.name}`);
};

new Object()를 사용하면 빈 객체를 생성할 수 있습니다.

이후에 속성과 메서드를 추가할 수 있습니다.

 

 

3. 생성자 함수

생성자 함수는 객체를 생성하는 특별한 함수입니다.

new 키워드를 사용하여 호출합니다.

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.greet = function() {
        console.log(`Hello, ${this.name}`);
    };
}

const person1 = new Person('John', 30);
person1.greet(); // Hello, John

Person은 생성자 함수입니다.

new Person('John', 30)을 호출하면 새로운 Person 객체가 만들어집니다.

 

 

Recap

• 객체 리터럴은 가장 간단하고 직관적인 방법입니다.
• new Object()는 빈 객체를 만들고 나중에 속성을 추가하는 방법입니다.
• 생성자 함수는 같은 형식의 객체를 여러 개 만들 때 유용합니다.