[혼공스] 02 - 3 정리

 

오늘은 02 - 3장의 내용을 정리해 보자.

 

02 - 3장의 제목은 '자료형 변환'으로, 자료를 입력받고 변환하는 함수들에 대해 설명하고 있다.

 

조금 생소한 내용들이 나오니까 잘 정리하도록 해야겠다.

 

그럼 정리 시작!

 

문자열 입력

문자열 자료형을 입력할 때 사용하는 함수는 prompt() 이다.

prompt(메시지 문자열, 기본 입력 문자열)

 

prompt() 함수의 사용 예제

<script>

 const input = prompt('message', '_default') // 경고창에 'message' 와 입력창이 등장, 입력창에 기본으로 default가 적혀있음
 
 alert(input) // 입력한 내용을 경고창에 출력한다
 
</script>

 

prompt의 첫 번째 매개변수는 경고창 안에 띄울 메시지, 두 번째 매개변수는 입력창 안에 기본으로 적혀있을 문구임을 알 수 있다.

prompt() 처럼 함수를 실행한 후 값을 남기는 것을 리턴이라고 표현한다.

 

불 입력

불 자료형일 입력받을 때는 confirm() 함수를 사용한다.

confirm(메시지 문자열)

 

confirm() 함수의 사용 예제

<script>
 const input = confirm('수락하시겠습니까?') // 확인 or 취소 중 선택할 수 있는 alert가 등장한다
 alert(input) // 확인 선택시 true 출력, 취소 선택시 false 출력
</script>

 

confirm 함수의 매개변수는 prompt() 의 첫번째 매개변수처럼 경고창 안에 띄울 메시지이다.

 

숫자 자료형으로 변환하기

다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수를 사용한다.

Number(자료)

 

Number() 함수를 사용하면 숫자가 적혀있는 문자열을 숫자로 변환할 수 있다. 다른 문자가 섞여 있어서 숫자로 변환할 수 없는 문자열의 경우 NaN(Not a Number)라는 값을 출력한다.

> Number("$273")
NaN	값은 숫자로 나타낼 수 없지만
> typeof(Number("$273"))
"number"	자료형은 숫자임을 알수있다

 

숫자 연산자를 사용해 자료형 변환하기

Number() 함수를 사용하지 않고도 다른 자료형을 숫자 자료형으로 변환할 수 있다. 숫자가 아닌 다른 자료에서 0을 빼거나(문자 -> 숫자), 더하거나(숫자 -> 문자), 1을 곱하거나 1로 나누면 된다.

> "52" - 0

52

> typeof("52" -  0)

"number"

> true - 0

1

> typeof(true - 0)

"number"

 

문자열 자료형으로 변환하기

다른 자료형을 문자열 자료형으로 변환할 때는 String() 함수를 사용한다.

String(자료)

 

문자열 연산자를 사용해 자료형 변환하기

문자열이 아닌 다른 자료에 빈 문자열을 연결하면 문자열 자료형으로 변환된다.

> 273 + "" // 빈 문자열을 연결해 문자열 자료형으로 변환하기

"273"

> true + ""

"true"

 

불 자료형으로 변환하기

불 자료형으로 변환할 때는 Boolean() 함수를 사용한다.

대부분의 자료는 불로 변화했을 때 true로 변환된다. 다만 0, NaN, '',""(빈 문자열), null, undefined 5개 자료형은 false로 변환된다.

> Boolean(0)

false

> let 변수

undefined

> Boolean(변수)

false

 

논리 부정 연산자를 사용해 자료형 변환하기

불이 아닌 다른 자료에 논리 부정 연산자(!)를 2번 사용하면 불 자료형으로 변환된다.

> !!"안녕하세요"

true

> !!""

false

 

자료형 변환 예제1. inch 단위의 숫자를 입력받아 cm로 변환하여 출력하기

<script>
 const input = prompt('몇 inch 인가요?', 'default')
 
 const inch = Number("input")
 const cm = inch * 2.54
 
 alert(`${inch}inch는 ${cm}cm 입니다.`)
</script>

 

02 - 3장은 여기서 마무리된다.

 

자료형을 입력받는 방법과 변환하는 방법을 알게되었고, 예제를 풀어보면서 const 사용을 연습해볼 수 있었다.

 

다음 글에서는 02 - 3장 연습문제를 간단하게 정리해보도록 하자!

 

오늘 하루도 쌓였다.