형 변환 - 파트 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두 함수 모두 문자열의 시작 부분에서 숫자를 읽고 숫자의 일부가 아닌 첫 번째 문자에서 읽기를 멈춥니다. 문자열이 숫자로 시작하지 않으면 NaN(숫자가 아님)을 반환합니다:
console.log(parseInt("5ab")); // 출력: 5 (유효하지 않은 문자 전까지 파싱)
console.log(parseFloat("5.2xyz")); // 출력: 5.2 (유효하지 않은 문자 전까지 파싱)
console.log(parseFloat("abc123")); // 출력: NaN (시작 부분에 숫자가 없음)사용자 입력에서 가져온 값(예: inp[0])은 항상 문자열이므로, 계산하기 전에 parseInt 또는 parseFloat로 변환하세요. 그렇지 않으면 +는 값을 더하는 대신 텍스트로 이어 붙입니다.
올바른 유형을 사용하는 것이 중요합니다. 유형에 따라 출력이 달라질 수 있기 때문입니다.
두 문자열을 연결하면:
"5" + "5" == "55"두 숫자를 더하면:
5 + 5 == 10
타입 변환을 이해하는 것은 신뢰할 수 있는 JavaScript 코드를 작성하고 프로그램에서 예상치 못한 결과를 피하는 데 필수적입니다.
챌린지
초급두 문자열 var1과 var2가 주어집니다.
이들을 float로 변환하고 두 값의 곱셈 결과를 출력하세요.
직접 해보기
let var1 = inp[0] // 이 줄을 변경하지 마세요
let var2 = inp[1] // 이 줄을 변경하지 마세요
// 아래에 코드를 작성하세요이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
기초의 모든 레슨
직접 연습해 보세요: 온라인 JavaScript 컴파일러