[Javascript] 객체

📝객체란?

• 객체란 'key'와 'value'로 이루어진 프로퍼티, 그리고 메서드의 집합이다.

 

📍객체의 구성

• 프로퍼티(property)

let person = {
  name: "김철수",
  age: 25,
}

'key값과  'value'값으로 구성된 데이터를 의미하며 위 코드에서는 name, age라는 key값 /  김철수, 25라는 value 값을 가진다.

• 메서드 (method)

let person = {
  name: "김철수",
  age: 25,
  height: function () {console.log(180)}
}

person.height();

 

📝객체 선언 방식

---

• 객체 리터럴 (Object Literal) 방식 - 많이 사용되는 방식!

let person = {
  name: "김철수",
  age: 25,
}

console.log(person)


//실행 결과
{ name: '김철수',age: 25 }

 

• 객체 생성자 (Object Constructor) 방식

let Person = new Object()
Person.name = "김철수"
Person.age = 28

console.log(Person)

//실행 결과 
 { name: '김철수', age: 28 }

 

 

📍객체 프로퍼티 조회 

let person = {
 name:'홍길동',
 age:20,
 pet: 'cat'
};

// 점표기법
console.log(person.name); 
console.log(person.age); 
console.log(person.pet);

// 괄호표기법
console.log(person['name']); 
console.log(person['age']); 
console.log(person['pet']);

 

📍객체 프로퍼티 추가

let person = {
 name:'홍길동',
 age:20,
 pet:'cat'
};

person.phone = '010-1234-1234';
person['height'] = 180;

console.log(person);
//{nmae: '홍길동', age: 20, pet: 'cat', phone: '010-1234-1234, height: 180}

 

📍객체 프로퍼티 수정 (const도 변경 가능!)

let person = {
 name:'홍길동',
 age:20,
 pet: 'cat'
};

person.age = 25;
person['pet'] = dog;

console.log(person);
//{nmae: '홍길동', age: 25, pet: 'dog', phone: '010-1234-1234, height: 180}

 

📍객체 프로퍼티 삭제

let person = {
 name:'홍길동',
 age:20,
 pet: 'cat'
};

delete person.pet;
delete person['age'];

console.log(person);
//{name: '홍길동'}