lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

lesson14Title

lesson15Title

lesson16Title

webIntroJsChapter2Title

webIntroJsChapter1Title

webIntroJsChapter3Title

lesson17Title

webIntroJsChapter4Title

// 학생 객체를 정의합니다.
let student = {
  name: '코드프렌즈',
  age: 20,
};

// 학생 객체에 저장된 값을 출력합니다.
console.log('학생의 이름: ' + student.name); // 학생의 이름: 코드프렌즈
console.log('학생의 나이: ' + student.age); // 학생의 나이: 20

// 학생 객체의 값을 변경합니다.
//
console.log('변경된 학생의 나이: ' + student.age); // 변경된 학생의 나이: 25

# 객체(Object)

객체는 `키(Key)`와 `값(Value)`의 쌍으로 구성된 데이터 모음입니다.

여기서 키는 문자열, 값은 다양한 데이터 타입(기본형, 객체, 함수 등)이 될 수 있습니다.

 

## 객체를 만드는 방법

자바스크립트에서는 중괄호 `{ }`를 사용하여 객체를 만듭니다.

여러분의 지갑을 아래와 같이 객체로 표현할 수 있습니다.

```javascript title="지갑 객체 만들기"
let wallet = {
 cash: 10000,
 card: 'Visa',
 driverLicense: true,
};
```

`cash`, `card`, `driverLicense`는 객체의 속성이며, `10000`, `'Visa'`, `true`는 속성의 값입니다.

속성과 값은 콜론(`:`)으로 연결되며, 각 속성은 쉼표(`,`)로 구분됩니다.

 

## 객체에서 정보 가져오기

객체의 정보를 가져오는 방법은 두 가지가 있습니다.

 

### 점(`.`)을 사용하는 방법

가장 일반적인 방법으로, 객체의 속성에 접근할 때 사용합니다.

```javascript title="마침표로 객체 정보 가져오기"
let myMoney = wallet.cash; // 10000
```

 

#### 대괄호(`[]`)와 키를 사용하는 방법

키가 변수로 주어지거나, 공백이나 특수문자를 포함하는 경우 유용합니다.

```javascript title="대괄호로 객체 정보 가져오기"
let myCard = wallet['card']; // 'Visa'
```

 

## 객체 정보 수정 및 추가

객체의 정보를 수정하거나 새로운 정보를 추가하는 것은 점(.)을 사용하는 방법과 대괄호([])를 사용하는 방법이 있습니다.

```javascript title="객체 정보 수정 및 추가"
// 새로운 속성 추가
wallet['picture'] = 'family';

// 기존 속성 값 변경
wallet.cash = 20000;
```

객체의 속성 값을 가져오기 위해서는 객체 이름 뒤에 점(.)을 찍고 속성 이름을 입력합니다. 이때 속성 이름은 따옴표를 사용하지 않습니다.

### 다음 중 빈칸에 들어갈 가장 적절한 것은 무엇일까요?

객체(Object)

객체를 만드는 방법

객체에서 정보 가져오기

점(.)을 사용하는 방법

대괄호([])와 키를 사용하는 방법

객체 정보 수정 및 추가

다음 중 빈칸에 들어갈 가장 적절한 것은 무엇일까요?

점(`.`)을 사용하는 방법

대괄호(`[]`)와 키를 사용하는 방법