Menu
Coddy logo textTech

형 변환 - 파트 1

Coddy JavaScript 여정의 기초 섹션에 포함된 레슨 — 77개 중 30번째.

JavaScript에서 서로 다른 데이터 타입 간에 변환하려면 타입 변환을 사용해야 합니다.

JavaScript는 암시적 및 명시적 타입 변환을 모두 지원합니다. 가장 일반적인 명시적 변환 방법 파트 1에 집중해 보겠습니다:

parseInt 및 parseFloat

// parseInt와 parseFloat를 사용한 문자열에서 숫자로의 변환
let str = "42";
let num1 = parseInt(str);    // 정수로 변환
let num2 = parseFloat("42.5");  // 부동 소수점 숫자로 변환

console.log(num1);  // 출력: 42
console.log(num2);  // 출력: 42.5

문자열에 유효하지 않은 숫자가 포함된 경우, 이 함수들은 다르게 동작합니다:

console.log(parseInt("5ab"));   // 출력: 5 (유효하지 않은 문자 전까지 파싱함)
console.log(parseFloat("5.2xyz")); // 출력: 5.2 (유효하지 않은 문자 전까지 파싱함)

올바른 타입을 사용하는 것이 중요합니다. 타입이 출력 결과에 영향을 미칠 수 있기 때문입니다.

두 문자열을 연결하기: "5" + "5" == "55"

두 숫자를 더하기: 5 + 5 == 10

타입 변환을 이해하는 것은 신뢰할 수 있는 JavaScript 코드를 작성하고 프로그램에서 예기치 않은 결과를 방지하는 데 필수적입니다.

challenge icon

챌린지

초급

두 개의 문자열 var1var2가 주어집니다.

이들을 float 타입으로 변환하고 두 수의 곱셈 결과를 출력하세요.

치트 시트

JavaScript는 parseInt()parseFloat()를 사용한 명시적 타입 변환을 지원합니다:

let str = "42";
let num1 = parseInt(str);        // 정수로 변환: 42
let num2 = parseFloat("42.5");   // 부동 소수점 숫자로 변환: 42.5

이 함수들은 유효하지 않은 문자를 만날 때까지 파싱합니다:

parseInt("5ab");      // 반환값: 5
parseFloat("5.2xyz"); // 반환값: 5.2

데이터 타입마다 동작 방식이 다르기 때문에 타입 변환은 중요합니다:

  • 문자열 연결: "5" + "5" == "55"
  • 숫자 덧셈: 5 + 5 == 10

직접 해보기

let var1 = inp[0] // 이 줄을 변경하지 마세요
let var2 = inp[1] // 이 줄을 변경하지 마세요

// 아래에 코드를 작성하세요
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

기초의 모든 레슨