JavaScript의 형 변환(Type Conversion)

JavaScript에서의 형 변환(Type Conversion)

소개

JavaScript에서 형 변환은 데이터의 자료형을 다른 형식으로 변환하는 과정을 의미합니다. 형 변환은 암시적(implicit)으로 또는 명시적(explicit)으로 발생할 수 있습니다. 형 변환을 제대로 이해하면 데이터 처리를 더 정확하게 할 수 있습니다.

암시적 형 변환 (Implicit Type Conversion)

암시적 형 변환은 JavaScript가 자동으로 변환을 수행하는 경우를 말합니다. 이는 주로 연산 중에 발생합니다.

• 문자열로 변환: 숫자나 불린형이 문자열로 변환됩니다.

  let num = 42;
  let str = 'The number is ' + num;
  console.log(str); // 'The number is 42'

• 숫자로 변환: 불린형이나 문자열이 숫자로 변환됩니다.

  let result = '5' - 2; // 3
  console.log(result); // 3

• 불린형으로 변환: 모든 데이터는 true 또는 false로 변환될 수 있습니다. 아래의 값들은 false로 변환되며, 그 외에는 모두 true로 간주됩니다:

  • false
  • 0
  • "" (빈 문자열)
  • null
  • undefined
  • NaN

  console.log(Boolean(0)); // false
  console.log(Boolean('Hello')); // true

명시적 형 변환 (Explicit Type Conversion)

명시적 형 변환은 직접 코드를 작성하여 형 변환을 수행하는 경우입니다.

• 숫자로 변환

  • Number() 함수를 사용하여 문자열이나 불린형을 숫자로 변환합니다.

  let num = Number('42'); // 42
  console.log(num); // 42

  • parseInt()와 parseFloat()는 문자열을 정수 또는 실수로 변환합니다.

  let intNum = parseInt('42.5'); // 42
  let floatNum = parseFloat('42.5'); // 42.5

• 문자열로 변환

  • String() 함수를 사용하여 다른 자료형을 문자열로 변환합니다.

  let str = String(42); // '42'
  console.log(str); // '42'

  • 템플릿 리터럴을 사용하여 문자열로 변환할 수도 있습니다.

  let str = `${42}`; // '42'
  console.log(str); // '42'

• 불린형으로 변환

  • Boolean() 함수를 사용하여 다른 자료형을 불린형으로 변환합니다.

  let bool = Boolean(0); // false
  let truthy = Boolean('Hello'); // true

결론

JavaScript에서 형 변환은 데이터 간의 변환이 필요한 곳에서 자주 발생합니다. 암시적 변환을 이해하고 명시적 변환을 활용하면 데이터 타입 문제를 효과적으로 해결할 수 있습니다.