자바스크립트 객체(Object) 기초 배우기

 

 

안녕하세요! 오늘은 자바스크립트에서 데이터를 효율적으로 관리할 수 있는 객체(Object) 에 대해 배운 내용을 정리해보려고 합니다.
객체는 개발하면서 가장 많이 사용되는 데이터 구조 중 하나이며, 특히 여러 개의 속성(정보)을 하나로 묶어 관리할 때 유용합니다.

---

1. 객체(Object)란?

객체(Object)는 키(key)와 값(value) 쌍으로 이루어진 데이터 구조입니다.
배열이 여러 개의 데이터를 순서대로 저장하는 반면, 객체는 각각의 데이터를 키로 구분하여 저장할 수 있습니다.

객체 선언하기

객체를 선언하는 기본적인 방법은 중괄호 {}를 사용하는 것입니다.

const player = {
    name: "micalcomanie",
    points: 10,
    fat: true,
    handsome: true
};

위 코드에서 player라는 객체는 여러 개의 속성을 포함하고 있습니다.

---

2. 객체의 속성 접근하기

객체의 속성(프로퍼티)에 접근하는 방법은 두 가지가 있습니다:

1) 점 표기법 (Dot Notation)

console.log(player.name); // "micalcomanie"
console.log(player.points); // 10
console.log(player.fat); // true

2) 대괄호 표기법 (Bracket Notation)

console.log(player["name"]); // "micalcomanie"
console.log(player["points"]); // 10

점 표기법을 사용하는 것이 더 직관적이고 가독성이 좋기 때문에 일반적으로 많이 사용됩니다.

---

3. 객체 속성 추가 및 수정

속성 추가하기

객체에 새로운 속성을 추가할 수도 있습니다. 예를 들어, lastName 속성을 추가해보겠습니다.

player.lastName = "potato";
console.log(player.lastName); // "potato"

속성 값 수정하기

객체의 속성 값을 변경할 수도 있습니다.

player.points = player.points + 15;
console.log(player.points); // 25

---

4. 객체 활용한 예제

플레이어 정보 업데이트하기

배운 내용을 활용하여 간단한 게임 플레이어의 정보를 관리하는 코드를 만들어보겠습니다.

const player = {
    name: "micalcomanie",
    points: 10,
    level: 1,
};

console.log("초기 플레이어 상태:", player);

// 점수 추가
player.points += 20;
console.log("점수 추가 후:", player);

// 새로운 속성 추가
player.rank = "Gold";
console.log("새로운 속성 추가 후:", player);

이처럼 객체를 활용하면 데이터를 논리적으로 그룹화하고 쉽게 관리할 수 있습니다.

---

객체(Object)는 데이터를 키-값 쌍으로 저장하고 관리할 수 있는 매우 강력한 기능을 제공합니다.

• 객체는 { key: value } 형식으로 선언한다.
• 점 표기법(.)과 대괄호 표기법([])을 사용해 속성에 접근할 수 있다.
• 새로운 속성을 추가하거나 기존 속성의 값을 변경할 수 있다.