혼자 공부하는 자바스크립트 6장 - 객체(1)

1. 객체

- 객체 : 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입

- 중괄호로 생성, 키와 값으로 매칭

const object = {
	number : 730
	string : '혼공단'
	boolean : true
    array : [1,2,3,4,5]
    
    method : fuction(){}
}

 

2. this 키워드

- 메소드 내에서 자기 자신이 가진 속성을 출력하고 싶을때 자신이 가진 속성임을 표시하는 키워드

const food = {
	name : '햄버거'
    eat : fuction(){
    	alert('나는 '+ this.name +'을/를 좋아합니다.'
    }
    
    food.eat()
}

<실행결과>
나는 햄버거을/를 좋아합니다.

 

3. 동적 속성 추가/제거

 

1) 동적 속성 추가

- 객체를 생성한 후 속성을 지정하고 값을 입력하면 된다.

<script>
	const student = {}
	student.이름 = '이동훈'
	student.취미 = '독서'
	student.장래희망 = '데이터 분석가'

	console.log(JSON.stringify(student,null,2))

</script>

<실행결과>
{
	"이름" : "이동훈"
	"취미" : "독서"
	"장래희망" : "데이터 분석가"
}

2) 동적 속성 제거

delete 객체.속성

<script>
	const student = {}
	student.이름 = '이동훈'
	student.취미 = '독서'
	student.장래희망 = '데이터 분석가'
	
    delete student.장래희망
    
	console.log(JSON.stringify(student,null,2))

</script>

<실행결과>
{
	"이름" : "이동훈"
	"취미" : "독서"
}

 

4. 자바스크립트의 자료형

 

1) 기본자료형

- 객체가 아닌 실체가 있는 모든 자료형(undefined,null등이 아닌 것)

- 문자, 숫자, 불

 

2) 객체 자료형

- 속성과 메소드를 가질 수 있는 모든 자료형

- 함수, 배열 등 기본 자료형 이외의 모든 자료형을 객체 자료형이라고 한다.

 

기본 자료형을 객체로 선언하기

const 객체 = new 객체 자료형 이름()

기본 자료형의 일시 승급

- 기본 자료형의 속성과 메소드를 호출시 일시적으로 객체로 승급하게 된다.

- 즉, 온점을 찍고 시도하면 가능은 하다는 것이다. 하지만 일시적이므로 실제로는 추가가 되진 않는다.

 

5. 프로토타입(prototype)

- 자료형에 속성과 메소드를 추가할 수 있는 전용틀

- 모든 객체와 기본 자료형에서 해당 속성과 메소드를 사용할 수 있다.

객체 자료형 이름.prototype.메소드 이름 = fuction(){

}

Number.prototype.sample = 10

const i = 100

i.sample
=> 10