자바스크립트 자료형, 형 변환 (JavaScript type, type casting)

자바스크립트 자료형, 형 변환 (JavaScript type, type casting)

 

1. 자료형 (type)

 

① String (문자 형태) : 큰따옴표(" "), 작은따옴표(' ') 둘 다 사용 가능

let name = '명수'
console.log('string :',name)

 

 

② number (숫자 타입) : 정수, 실수 모두 포함

※ 타입을 알 수 있는 방법 (console 창의 글자 색상, typeof())

let num = 10
console.log('num :',num)

let num2 = 13.33
console.log('num2의 타입은?', typeof(num2))

 

③ boolean : 참, 거짓

let choice = true
let choice2 = false

console.log('boolean : ',choice,choice2)

 

④ undefined와 null의 구분

JS는 데이터를 넣어서 자료형을 결정하는 언어, 아무 데이터를 넣지 않고 선언하면 undefined 형태

let love;   
console.log('love : ',love)

let data = 3000
data = null
console.log('data : ',data)

 

---

 

2. 형 변환 (type casting)

 

① 문자를 숫자로

• 정수형 변환 parseInt()
• 실수형 변환 parseFloat()
• 숫자형 변환 Number()

② 숫자를 문자로

• .toString(n) (n진법으로 변경 가능)
• String()

let textInt = '123'
let textFloat = '1.14'
let textNum = '100'

console.log('실수문자를 정수로 : ', parseInt(textFloat))
console.log('실수문자를 실수로 : ', parseFloat(textFloat))
console.log('문자들을 숫자로 : ', Number(textFloat))
console.log('문자들을 숫자로 : ', Number(textInt))
console.log('문자들을 숫자로 : ', Number(textNum))

let num = 10
let string = num.toString(2)
console.log('toString : ',string)

let string2 = String(num)
console.log('string:',string2)

 

▶ 예제

사용자에게 숫자 2개를 입력 받고 두 개의 숫자를 각각 num1, num2에 저장 후 num1과 num2를 더한 결과를 출력하기

let num1 = prompt('첫 번째 숫자 입력')
let num2 = prompt('두 번째 숫자 입력')
console.log(num1+'과 '+num2+'을 더한 결과 >> ',Number(num1)+Number(num2))