본문 바로가기
개발

JavaScript 형변환 모음

반응형

유형 변환은 한 데이터 유형의 값이 다른 데이터 유형으로 변환되는 JavaScript의 일반적인 관행입니다. JavaScript는 암시적 및 명시적 변환을 포함하여 데이터 유형을 변환하는 여러 가지 방법을 제공합니다. 이 글에서는 JavaScript 유형 변환의 몇 가지 예를 살펴보겠습니다.

1. String to Number

parseInt()및 함수 parseFloat()는 문자열을 숫자로 변환하는 데 사용됩니다. 

let str = "10";
let num = parseInt(str);
console.log(typeof num); // number

2. Number to String

숫자를 문자열로 변환하려면 toString()메서드를 사용할 수 있습니다.

let num = 10;
let str = num.toString();
console.log(typeof str); // string

3. Boolean to Number

Number() 함수를 사용하여 부울 값을 숫자로 변환할 수 있습니다 .

true = 1 , false = 0 으로 변환됩니다.

let bool = true;
let num = Number(bool);
console.log(num); // 1

4. Number to Boolean

Boolean() 함수 를 사용하여 숫자를 부울 값으로 변환할 수 있습니다 .

0이 아닌 모든 숫자는 true로 0은 false로 변환됩니다.

let num = 10;
let num2 = 0;
let bool = Boolean(num);
let bool2 = Boolean(num2);
console.log(bool); // true
console.log(bool2); // false

5. String to Boolean

Boolean() 함수 를 사용하여 문자열을 부울 값으로 변환할 수도 있습니다

빈 문자값은 false로 변환 비어있지 않은 문자값은 true로 변환

let str = "hello";
let bool = Boolean(str);
console.log(bool); // true

6. Object to String

 toString() 함수를 사용하여 개체를 문자열로 변환할 수 있습니다

let obj = { name: "John", age: 30 };
let str = obj.toString();
console.log(typeof str); // string

7. Array to String

toString() 함수를 사용하여 배열을 문자열로 변환할 수도 있습니다 

let arr = ["apple", "banana", "orange"];
let str = arr.toString();
console.log(str); // "apple,banana,orange"

8. String to Array

split() 함수를 사용하여 문자열을 배열로 변환할 수 있습니다 . 문자열은 구분 기호에 따라 배열로 분할됩니다.

let str = "apple,banana,orange";
let arr = str.split(",");
console.log(arr); // ["apple", "banana", "orange"]

9. 진수형을 문자열 변환

toString() 숫자를 특정 기수가 있는 문자열로 변환하려면 기수 매개변수와 함께 메서드를 사용할 수 있습니다.

let num = 10;
let str = num.toString(2); // binary
console.log(str); // "1010"

10. 문자열을 진수형 변환

문자열을 특정 기수를 가진 숫자로 변환하려면 parseInt()기수 매개변수와 함께 메서드를 사용할 수 있습니다.

let str = "1010";
let num = parseInt(str, 2); // binary
console.log(num); // 10

 

- 해당글은 chatGPT를 사용하여 생성된 글입니다.

 

반응형

'개발' 카테고리의 다른 글

개발에 유용한 사이트 추천  (0) 2024.09.03
정규식 모음  (0) 2023.05.10
Cross-Domain - JSONP 해결방법  (0) 2023.02.16
JavaScript] 동적 테이블 병합  (0) 2020.07.01
HTML] data 속성 간단 사용법  (0) 2019.12.19