Home IT/WEB String 을 Number 형으로 변경하는 방법

[javascript]String 을 Number 형으로 변경하는 방법

JavaScript에서는 문자열을 정수 또는 부동 소수점 숫자로 변환하는 여러 가지 방법이 있습니다. 이러한 방법을 자세히 살펴보겠습니다.

parseInt()

inline ad

parseInt() 함수는 문자열을 정수로 변환하는 데 일반적으로 사용됩니다. 두 개의 인수를 사용합니다. 변환할 문자열과 사용할 진법을 지정하는 기수입니다.

let str = "42";
let num = parseInt(str);
console.log(num); // 출력: 42

기본적으로 parseInt()는 기수 인수가 제공되지 않은 경우 기수 10을 가정합니다. 그러나 예기치 않은 동작을 방지하기 위해 항상 기수를 지정하는 것이 좋습니다.

let str = "10";
let num = parseInt(str, 10); // 기수 10 지정
console.log(num); // 출력: 10

parseFloat()

부동 소수점 숫자로 문자열을 변환해야 하는 경우 parseFloat() 함수를 사용할 수 있습니다. 문자열 인수를 구문 분석하고 부동 소수점 숫자를 반환합니다.

let str = "3.14";
let num = parseFloat(str);
console.log(num); // 출력: 3.14

Number()

Number() 함수를 사용하여 문자열을 숫자 유형으로 변환할 수도 있습니다. 문자열 인수를 구문 분석하고 숫자를 반환합니다. Number() 함수는 부동 소수점 숫자도 처리할 수 있습니다.

let str = "42";
let num = Number(str);
console.log(num); // 출력: 42

JavaScript에서 문자열을 숫자 유형으로 변환하는 것은 일반적인 작업이며, 이를 수행하는 여러 가지 방법이 있습니다. parseInt(), parseFloat(), Number() 함수를 사용할 수 있습니다.

RECENT POSTS

[css]autoprefixer: end value has mixed support, consider using flex-end instead warning 처리 및 다양한 에러 메시지 의미

이 경고 메시지는 CSS를 처리하는 도구인 Autoprefixer가 justify-content: end; 속성값을 처리하려 할 때 발생합니다. Autoprefixer는 CSS에 벤더 접두사를 자동으로 추가해 주는 도구로, 다양한 브라우저에서 CSS 속성이...

[javascript]Math.min, Math.max 사용방법

Math.min과 Math.max는 JavaScript의 Math 객체에서 제공하는 메서드로, 각각 주어진 숫자들 중 최소값과 최대값을 반환합니다. 이 메서드들은 다양한 수학 연산과 데이터 처리에서 유용하게 사용될 수...

널 병합 연산자 Nullish coalescing operator (??) 에 대해서 알아보자.

널 병합 연산자 Nullish coalescing operator (??)는 JavaScript에서 null이나 undefined 값을 체크하는 데 사용되는 연산자입니다. 이 연산자는 좌변의 피연산자가 null 또는 undefined일 경우 우변의 피연산자를 반환하고, 그렇지 않은 경우 좌변의...

[css]부모 요소의 border-radius가 자식 요소의 background-color로 가려지지 않도록 설정할 수 있는 방법

overflow: hidden 속성 사용 부모 요소의 border-radius를 자식 요소의 background-color로 가려지지 않도록 설정해야 합니다. 이를 위해 부모 요소에 overflow: hidden; 속성을 추가하여 자식 요소의 배경이...