객체 리터널

공부한 걸 혼자서 정리하는 자바스크립트

[ 본 내용은 공부한 내용을 제 생각대로 간략하게 정리를 해서 올리는 글입니다. ]

 

---

객체는 프로그래밍의 언어이며 자바스크립트를 구성하는 모든 것이 객체다.

 

원시 값은 변경이 불가능 한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다.

let Birthday = {
	// 프로퍼티 키는 name , 프로퍼티 값은 'Bora'
	name : "Bora" 
    age : ""
};

위에 코드에서 블록 안에 있는 코드는 프로퍼티 키 라고 부르며

name 은 프로퍼티의 키, "Bora" 는 프로퍼티 값이다.

 

프로퍼티 값은 빈 문자열을 포함하는 모든 문자열 또는 심벌 값을 뜻 하며

프로퍼티 값은 자바스크립트에서 사용할 수 있는 모든 값을 뜻한다.

let Birthday = {
	num : 0,
		Increase: function () {
        	this.num++;
	}
};

위의 코드는 num : 0 은 프로퍼티, Increase 부터 this.num++; 은 메서드를 뜻 한다.

 

프로퍼티는 객체의 상태를 나타내는 값

메서드는 프로퍼티를 참조하고 조작할 수 있는 동작이다.

 

프로퍼티 동적 생성

 

존재하지 않는 프로퍼티에 값을 할당하면 프로퍼티가 동적으로 생성되어추가되고 프로퍼티 값이 할당된다.

let Birthday = {
	name = "Bora"
};

// Birthday 객체에는 age 프로퍼티가 존재하지 않는다.
// 따라서 Birthday 객체에 ahe 프로퍼티가 동적으로 생성되고 값이 활당된다.
Birthday.age = 00;

console.log(person); // { name: "Bora", age: 00}

 

프로퍼티 삭제

 

delete 연산자는 객체의 프로퍼티를 삭제한다.

만약 존재하지 않는 프로퍼티를 삭제하면 아무런 에러 없이 무시된다.

let Birthday = {
	name: "Bora"
};

// 프로퍼티 동적 생성
Birthday.age = 00;

// Birthday 객체에 age 프로퍼티가 존재한다.
// 따라서 delete 연산자로 age 프로퍼티를 삭제할 수 있다.

delete Birthday.age;

delete Birthday.address;

console.log(Birthday); // { name: "Bora" }