자바스크립트 객체(생성, 접근, 삭제)

자바스크립트 객체

 

자바스크립트에서 원시 타입을 제외한 모든 데이터 타입(객체, 함수, 배열, 정규표현식 등)은 객체다.
객체는 여러가지 값을 가질 수 있으며, 함수도 가질 수 있다.

 

객체가 보유한 값을 '프로퍼티'라고 하며, 객체가 보유한 함수를 '메서드'라고 한다.
(둘다 프로퍼티라고 하기도 한다)

 

객체의 프로퍼티와 메서드들은 '키값'으로 구분된다.

var object ={ key1: value1, key2: value2, ... }

 

---

객체 생성하는 법

 

 

1. 중괄호 { } 안에 key:value를 쉼표(,)로 구분하여 만든다.

var myObj = { name: '조', age: 20, hello: function(){ 
	return `이름은 ${this.name}이고, 나이는 ${this.age}입니다.`; }
};
console.log(myObj); // { name: '조', age: 20, hello: [Function: hello] }

 

2. new 연산자를 통해 Object객체의 생성자함수를 호출한다.

var myObj = new Object(); 
myObj.name = '조'; 
myObj['age'] = 20; 
myObj.hello = function(){ 
	return `이름은 ${this.name}이고, 나이는 ${this.age}입니다.`; 
}; 
console.log(myObj); // { name: '조', age: 20, hello: [Function] }

 

3. 중괄호 { }를 사용하여 빈 객체 생성

var myObj = {};
myObj['name'] = '조';

 

---

객체 접근하는 법

 

마침표로 프로퍼티에 접근하거나
대괄호[ ] 사이에 키값을 '문자열'로 넣어 접근한다.

myObj.name; // '조' 
myObj.age; // 20 
myObj.hello(); // '이름은 조이고, 나이는 20입니다.'

myObj['name']; // '조'
myObj['age']; // 20
myObj['hello'](); // '이름은 조이고, 나이는 20입니다.'

 

---

객체 프로퍼티 생성하는 법

 

마침표로 프로퍼티를 생성하거나 대괄호[ ] 사이에 키값을 '문자열'을 넣어 생성한다.

myObj.name1= '조1';
myObj.age1=21;
myObj.hello1 = function(){return 'hello1'};

myObj['name2'] = '조2';
myObj['age2']=  22;
myObj['hello2'] = function(){return 'hello2'};

 

---

객체 프로퍼티 삭제하는 법

 

delete 연산자를 사용하여 객체의 프로퍼티나 메서드를 제거한다.

delete myObj.name1;
delete myObj.age1;
delete myObj.hello1;

delete myObj['name2'];
delete myObj['age2'];
delete myObj['hello2'];