JavaScript 객체 정리

이 글은 작성자의 개인 공부를 위해 작성한 글입니다.
실제 이론, 실습과 다른 부분이 있을 수 있습니다.

 

자바스크립트에서 객체(Object)는 다양한 데이터와 기능을 포함하는 복합적인 자료형이다.

객체는 속성(property)과 메서드(method)로 구성되어 있다.

속성은 객체의 특징이나 상태를 나타내는 값이며, 메서드는 객체가 수행하는 동작을 나타내는 함수이다.

 

1. 객체의 생성

- 객체는 중괄호 {}를 사용하여 만들 수 있다.

// 빈 객체 생성
let myObject = {};

// 초기값을 갖는 객체 생성
let person = {
    name: "John",
    age: 30,
    isStudent: false,
    greet: function() {
        console.log("Hello!");
    }
};

위의 예제에서 person 객체는 name, age, isStudent라는 세 개의 속성과 greet라는 메서드를 가지고 있다.

 

 

2. 객체의 속성 접근

- 점 표기법(.)이나 대괄호 표기법([])을 사용하여 객체의 속성에 접근할 수 있다.

// 점 표기법
console.log(person.name);  // 출력: John

// 대괄호 표기법
console.log(person["age"]);  // 출력: 30

 

 

3. 객체의 메소드 호출

- 메서드는 객체의 속성으로 함수를 가지고 있습니다. 이 함수를 호출하여 메서드를 실행할 수 있다.

person.greet();  // 출력: Hello!

 

 

4. 객체의 수정과 추가

// 속성 값 수정
person.age = 31;

// 새로운 속성 추가
person.job = "Engineer";

 

 

5. 객체의 삭제

- delete 연산자를 사용하여 객체의 속성을 삭제할 수 있다.

delete person.isStudent;

 

 

6. 객체의 순회

- for...in 문을 사용하여 객체의 속성을 순회할 수 있다.

for (let key in person) {
    console.log(key + ": " + person[key]);
}