• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기
Front-end/Javascript

[Javascript]자바스크립트 타입변환

by 빽짱구 2023. 5. 23.
본문글자

JavaScript에서는 다양한 방법으로 타입 변환을 할 수 있습니다. 일반적으로 사용되는 방법들은 다음과 같습니다.

 

암시적 타입 변환(Implicit Conversion)

JavaScript는 필요한 경우에 자동으로 타입을 변환합니다. 예를 들어, 숫자와 문자열을 함께 사용하면 숫자를 문자열로 자동 변환하여 연결할 수 있습니다.

 

let num = 42;
let str = "The answer is " + num; // 암시적으로 숫자를 문자열로 변환하여 연결
console.log(str); // "The answer is 42"

 

명시적 타입 변환(Explicit Conversion)

개발자가 직접 타입을 변환하는 메서드나 연산자를 사용하여 타입을 변환할 수 있습니다.

 

문자열로의 변환

toString() 메서드 또는 String()  함수를 사용하여 값을 문자열로 변환할 수 있습니다.

let num = 42;
let str = num.toString(); // 숫자를 문자열로 변환
console.log(str); // "42"

let num2 = 3.14;
let str2 = String(num2); // 숫자를 문자열로 변환
console.log(str2); // "3.14"

 

숫자로의 변환

parseInt() 함수나 parseFloat()함수를 사용하여 문자열을 정수나 부동 소수점 숫자로 변환할 수 있습니다.

let str = "42";
let num = parseInt(str); // 문자열을 정수로 변환
console.log(num); // 42

let str2 = "3.14";
let num2 = parseFloat(str2); // 문자열을 부동 소수점 숫자로 변환
console.log(num2); // 3.14

 

불리언으로의 변환

Boolean() 함수를 사용하여 값을 불리언으로 변환할 수 있습니다.

let num = 42;
let bool = Boolean(num); // 숫자를 불리언으로 변환
console.log(bool); // true

let str = "";
let bool2 = Boolean(str); // 빈 문자열을 불리언으로 변환
console.log(bool2); // false

 

배열로의 변환

Array.from() 메서드를 사용하여 유사 배열 객체나 이터러블 객체를 배열로 변환할 수 있습니다.

let str = "Hello";
let arr = Array.from(str); // 문자열을 배열로 변환
console.log(arr); // ["H", "e", "l", "l", "o"]

 

다른 타입으로의 변환

Number(), String(), Boolean(), Object() 등의 함수를 사용하여 값을 다른 타입으로 변환할 수 있습니다.

let num = 42;
let str = String(num); // 숫자를 문자열로 변환
console.log(str); // "42"

let bool = Boolean(num); // 숫자를 불리언으로 변환
console.log(bool); // true

let obj = Object(num); // 숫자를 객체로 변환
console.log(obj); // Number {42}

 

 

 

728x90

'Front-end/Javascript'의 다른글

  • 현재글[Javascript]자바스크립트 타입변환