[JavaScript] 11. 객체 (1)

Jan 28, 2026

Contents

1. 객체 생성 방법 2. 객체 속성 3. 객체 프로퍼티를 다루는 방법 1. 특정 프로퍼티에 접근 2. 새로운 프로퍼티를 추가, 수정하는 방법 3. 프로퍼티를 삭제하는 방법 4. 프로퍼티 존재 유무를 확인하는 방법

1. 객체 생성 방법


// 1. 객체 생성
let obj1 = new Object(); // 객체 생성자
let obj2 = {}; // 객체 리터럴 (대부분 사용)

2. 객체 속성

💡

짝지어지는 key, value 값이 필요함

key값에는 숫자와 문자열을 사용할 수 있다.

key값에 띄어쓰기가 사용되는 경우에는 예외적으로 따옴표로 감싸주어야한다.


// 2. 객체 프로퍼티 (객체 속성)
// key : value
// key값에는 숫자와 문자열 사용 가능
// 띄어쓰기가 있는 key 값은 따옴표로 감싸주어야한다.
let person = {
  name: "서회정",
  age: 27,
  hobby: "테니스",
  job: "house protecter",
  extra: {},
  10: 20,
  "like cat": false,
};

3. 객체 프로퍼티를 다루는 방법

1. 특정 프로퍼티에 접근

1. 점 표기법


let name = person.name;
console.log(name);

2. 괄호 표기법

💡

괄호 안에 따옴표를 사용하지 않는다면 변수로 인식되어 키값을 찾을 수 없다.


let age = person["age"];
console.log(age);

🚨

동적으로 프로퍼티 값을 바꾸며 접근을 할 경우에는 이렇게 사용할 수도 있다.


let property = "hobby";
let hobby = person[property];
console.log(hobby);

2. 새로운 프로퍼티를 추가, 수정하는 방법

점표기법과 괄호표기법을 활용하여 추가, 수정할 수 있다.


// 3-2 새로운 프로퍼티를 추가, 수정하는 방법
person.job = "designer";
person["favoriteFood"] = "치킨";

console.log(person);

3. 프로퍼티를 삭제하는 방법

🚨

delete 라는 삭제 연산자를 활용하여 속성을 제거할 수 있다.


// 3-3 프로퍼티를 삭제하는 방법
// 삭제 연산자 사용용
delete person.job;
console.log(person);

4. 프로퍼티 존재 유무를 확인하는 방법

🚨

if문을 사용하거나 솔팅이 필요할 때, 혹은 디버깅할 때 활용할 수 있다 (내의견)


// 3-4 프로퍼티 존재 유무를 확인하는 방법
let result1 = "name" in person;
console.log(result1);