객체 리터럴 (Object Literal)
JavaScript에서 객체를 생성하는 방법 중 하나는 객체 리터럴 (Object Literal)을 사용하는 것입니다. 객체 리터럴은 중괄호 {}
를 사용하여 생성되며, 속성과 값의 쌍으로 구성됩니다.
let person = {
name: "John",
age: 30,
city: "New York"
};
위의 예시에서 person
은 객체 변수이며, name
, age
, city
는 객체의 속성이 됩니다. 이러한 속성은 콜론 :
으로 구분된 값과 함께 정의됩니다.
객체 리터럴을 사용하면 쉽게 객체를 생성하고 초기값을 설정할 수 있습니다. 이러한 속성은 .
또는 []
연산자를 사용하여 객체 내부에서 접근할 수 있습니다.
속성 접근
console.log(person.name); // "John"
console.log(person["age"]); // 30
객체의 속성에 접근할 때는 .
뒤에 속성 이름을 입력하거나, []
안에 속성 이름을 문자열 형태로 전달하는 방법을 사용할 수 있습니다.
속성 추가 및 변경
객체 리터럴 외에도 객체의 속성을 나중에 추가하거나 변경할 수 있습니다.
person.gender = "Male";
person.age = 31;
console.log(person.gender); // "Male"
console.log(person.age); // 31
위의 예시에서는 person
객체에 gender
속성을 추가하고 age
속성의 값을 변경했습니다. 속성이 이미 존재하는 경우 새로운 값을 할당하면 기존 값이 변경됩니다.
객체 리터럴의 장점
객체 리터럴을 사용하는 것은 몇 가지 장점을 가지고 있습니다.
- 코드의 가독성을 높여줍니다. 속성과 값이 명확하게 나타나기 때문에 객체의 구조를 파악하기 쉽습니다.
- 객체를 쉽게 초기화할 수 있습니다. 속성과 값을 한 줄에 작성하여 바로 객체를 생성할 수 있습니다.
- 객체를 익명으로 생성할 수 있습니다. 어떤 변수에 바로 할당하지 않고, 필요한 곳에서 바로 사용할 수 있습니다.
객체 리터럴은 JavaScript에서 객체를 생성하고 사용하는 편리한 방법 중 하나입니다. 이를 활용하여 코드를 조금 더 간결하고 가독성 있게 작성할 수 있습니다.