lflov

타입스크립트 - Optional 본문

TypeScript

타입스크립트 - Optional

마젠토브힘내부왕 2022. 12. 17. 16:30

타입스크립트 Optional

cosnt player = {
	name : '현태', // 해당 값은 필수적
	age : 1 // 해당 값은 선택적
}

player 객체에서

전부 name이라는 키값에 value를 가지고 있지만,

age는 일부는 가지고 있고, 일부는 가지고 있지 않다면, 어떻게 타입스크립트에게 알려줄 수 있을까?

객체의 optional ( 선택적 )

const player : {
	name : string,
	age ?: number // ?: 를 사용하면 해당 키값은 선택적인 값이다(optional)
} // 객체 정의 
= {
	name: '이현태'
} // 객체에 값 할당

이렇게 객체를 정의할때 ?: 로 정의하게 되면 이것은 선택적이라는 객체의 정의이다

const player : {
	name : string,
	age ?: number
}

→ 해당 부분 처럼 객체가 어떻게 생겼는지 타입스크립트에 알려주고

= {
	name : '이현태' 
}

→ 요렇게 할당한다

const a = '이현태'

이런 느낌으로 말이다!

const player : {
	name : string,
	age ?: number // ?: 를 사용하면 해당 키값은 선택적인 값이다(optional)
} // 객체 정의 
= {
	name: '이현태'
} // 객체에 값 할당

if(player.age < 10 ){
	// 해당코드를 에러가 난다
	// 왜 why? : player.age는 값이 없을 가능성이 있으므로! ( player.age is possibly 'undefined' )
}

if(player.age && player.age < 10) {
	// 위처럼 작성해줘야 에러가 발생하지 않는다!
	// player.age 가 있고 && player.age < 10 이어야 하는게 사실 맞아요!
}

 

'TypeScript' 카테고리의 다른 글

타입스크립트 - 타입선언 & 타입들  (0) 2022.12.17
타입스크립트를 사용하는 이유  (0) 2022.12.17