유형 변환은 한 데이터 유형의 값이 다른 데이터 유형으로 변환되는 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 |