[JavaScript] 형 변환

2026. 2. 18. 19:38·Web Frontend/JavaScript(TS)
반응형

형 변환

1. 묵시적 형 변환

-> 자바스크립트 엔진이 오류를 발생시키지 않기 위해서 알아서 형 변환 하는 것.

// 1. 묵시적 형 변환
// -> 자바스크립트 엔진이 오류를 발생시키지 않기 위해서 알아서 형 변환 하는 것.

let num = 10;
let str = "20";

const result = num + str; // 묵시적으로 String으로 형 변환. "10" + "20" = "1020"
console.log(result); // "1020"

2. 명시적 형 변환

-> 프로그래머 내장함수 등을 이용해서 직접 형 변환을 명시

// 2. 명시적 형 변환
// -> 프로그래머 내장함수 등을 이용해서 직접 형 변환을 명시
// -> 문자열 -> 숫자

let str1 = "10";
let strToNum1 = Number(str1);
console.log(10 + strToNum1); // 20 출력. 10 + 10 = 20

let str2 = "10개";
let strToNum2 = parseInt(str2); // 숫자가 앞쪽에 있으면 뒤에 문자가 있더라도 형 변환 해준다.

console.log(strToNum2); // 10 출력.

// -> 숫자 -> 문자열
let num1 = 20;
let numToStr1 = String(num1);

console.log(numToStr1 + "입니다"); // 20입니다 출력.
반응형
저작자표시 비영리 변경금지 (새창열림)
'Web Frontend/JavaScript(TS)' 카테고리의 다른 글
  • [JavaScript] 함수 표현식과 화살표 함수 & 콜백 함수(Callback)
  • [JavaScript] 연산자
  • [JavaScript] 변수와 상수 & 자료형
seunghwaan
seunghwaan
공부한 내용을 정리하는 개발 기록 블로그
    반응형
  • seunghwaan
    SH's Devlog
    seunghwaan
  • 전체
    오늘
    어제
    • 분류 전체보기 (148) N
      • Android (62)
        • Basic (17)
        • Kotlin(Java) (14)
        • UI & Animation (1)
        • Compose (2)
        • Coroutines (1)
        • Dependency Injection (6)
        • RxJava (8)
        • BLE (3)
        • TDD (2)
        • JetPack (1)
        • NextStep (4)
        • Error Log (3)
      • Flutter (14)
        • Basic (5)
        • Dart (1)
        • State Management (2)
        • Widgets (4)
        • Error and Tips (2)
      • iOS (8)
        • Basic (0)
        • Swift (8)
      • Web Frontend (4) N
        • JavaScript(TS) (4) N
        • React (0)
      • CS(Computer Science) (18)
        • Network (4)
        • Database (10)
        • Design Pattern (1)
        • Computer Architecture (3)
        • Operating System (0)
      • Cloud (6)
        • AWS (6)
      • DevOps (25)
        • GIT (4)
        • CI CD (8)
        • Linux (4)
        • Docker (9)
        • Error Log (0)
      • 코딩테스트 (10)
        • DB (6)
        • 알고리즘 (4)
      • Backend (1)
        • Spring (1)
      • Mac Tip (0)
      • Language (0)
        • English (0)
        • Japanese (0)
      • Temporary (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    cognito
    di
    CICD
    CI
    상태 관리
    컴퓨터공학
    Dagger
    Network
    RxJava
    IOS
    Swift
    Computer Science
    Kotlin
    database
    MySQL
    FLUTTER
    docker
    Android
    네트워크
    AWS
    Jenkins
    gradle
    Dependency Injection
    시작하세요! 도커
    cs
    Algorithm
    JavaScript
    BLE
    error
    Linux
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.6
seunghwaan
[JavaScript] 형 변환
상단으로

티스토리툴바