Type Conversion

Hunter_Joe·2023년 3월 31일
0

JavaScript

목록 보기
3/10
post-thumbnail

형 변환

  • Type conversion
    Type casting
    Type coercion
    Type juggling

  • 다른 Data type 으로의 변환을 의미

String() -> Conversion To String

Number() -> Conversion To Number

Boolean() -> Conversion To Boolean

Example 1.1

* 두 과목 합의 평균 구하기 

const math = prompt("수학 점수 입력"); // 20
const science = prompt("과학 점수 입력"); // 80
const result = (math + science) / 2;

console.log(result) // "1040"
  • 형 변환이 필요한 이유 : 서로 다른 자료형이 합쳐질경우 의도와는 다른 결과물 발생

  • prompt로 입력받은 값은 문자형 // ("20"+"80")/2 = "1040"

자동 형 변환

console.log("6" / "2") ....... // 3 (자동 형 변환)
  • 자동 형변환은 원인을 찾기 힘든 에러를 발생할 수 있으므로 의도된 타입으로 변환해주는게 좋음

명시적 형 변환

  • 의도된 자료형으로 변환하는 것

String()

console.log(
String(3),
String(true),
String(false),
String(null),
String(undefined)
)

..// "3" "true" "false" "null" "undefined"
  • 문자형으로 변환

Number()

consoe.log(
Number("123"),
Number("123abc"),
Number(true),
Number(false)
)

..// 123 NaN 1 0
*주의사항
Number(null) // 0
Number(undefined) // NaN
  • 보통 괄호 안의 값이 문자형경우 자주 사용
  • true = 1
  • false = 0

Boolean()

  • Boolean의 경우 false의 값만 기억해놓을 것
  • 숫자 0
  • 빈 문자열 ""
  • null
  • undefined
  • NaN
    ../ / 모두 false 반환
*주의사항 

Number(0) // false
Number('0') // true

Number('') // false
Number(' ') // true << [공백(space)이 있는 빈 문자열]
profile
hunting season

0개의 댓글