> 웹 프론트엔드 > JS 튜토리얼 > ParseInt() 함수를 사용하지 않고 JavaScript에서 문자열을 정수로 변환하는 방법은 무엇입니까?

ParseInt() 함수를 사용하지 않고 JavaScript에서 문자열을 정수로 변환하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-24 21:57:08
앞으로
1002명이 탐색했습니다.

ParseInt() 함수를 사용하지 않고 JavaScript에서 문자열을 정수로 변환하는 방법은 무엇입니까?

parseInt()는 문자열을 구문 분석하고 정수를 반환하는 JavaScript의 내장 함수입니다. 그러나 때때로 이 함수를 사용하지 않고 문자열을 정수로 변환하고 싶을 때가 있습니다. 이 기사에서는 이를 수행하는 방법을 살펴보겠습니다.

단항 더하기 연산자 사용

문자열을 정수로 변환하는 한 가지 방법은 단항 더하기 연산자를 사용하는 것입니다. 이 연산자는 피연산자를 숫자로 변환합니다. 예를 들어 다음 프로그램은 문자열 "123"을 숫자 123으로 변환합니다. -

예제 1

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = +str; // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
로그인 후 복사

예제 2

단항 더하기 연산자를 사용하여 다른 값을 숫자로 변환할 수도 있습니다. 예를 들어 아래와 같이 부울 값을 숫자로 변환할 수 있습니다. −

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let bool = true;
      let num = +bool; // num = 1
      document.getElementById("result").innerHTML = num  
   </script>
</body>
</html>
로그인 후 복사

Number() 함수 사용

문자열을 숫자로 변환하는 또 다른 방법은 Number() 함수를 사용하는 것입니다. 예를 들어 다음 코드는 문자열 "123"을 숫자 123으로 변환합니다. −

예제 1

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = Number(str); // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
로그인 후 복사

예제 2

Number() 숫자에 대한 가치. 예를 들어 아래와 같이 부울 값을 숫자로 변환할 수 있습니다. -

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      let bool = false;
      let num = Number(bool); // num = 1
      document.getElementById("result").innerHTML = num    
   </script>
</body>
</html>
로그인 후 복사

Math.floor() 함수 사용

Math.floor() 함수는 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다. . 이 함수는 문자열을 정수로 변환하는 데 사용할 수 있습니다.

예제

다음 코드는 문자열 "123"을 숫자 123−

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "123";
      document.getElementById("result1").innerHTML = typeof str;
      let num = Math.floor(str); // num = 123
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
로그인 후 복사
로 변환합니다.

위 코드에서는 먼저 Number() 함수를 사용하여 문자열 "123"을 숫자로 변환합니다. 그런 다음 이 숫자를 Math.floor() 함수에 전달하여 정수 123을 반환합니다.

비트 연산자 사용

비트 연산자는 비트 값에 대해 작동하는 연산자입니다. 이러한 연산자를 사용하여 문자열을 정수로 변환할 수 있습니다.

예제

다음 코드는 문자열 "765"를 숫자 765로 변환합니다. −

<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result1"></div>
   <div id="result2"></div>
   <div id="result3"></div>
   <script>
      let str = "765";
      document.getElementById("result1").innerHTML = typeof str;
      let num = str|0;
      document.getElementById("result2").innerHTML = num;
      document.getElementById("result3").innerHTML = typeof num;
   </script>
</body>
</html>
로그인 후 복사

위 코드에서는 비트 OR 연산자(|)를 사용하여 문자열 "765"를 숫자로 변환합니다. 연산자는 피연산자를 32비트 정수로 변환한 다음 비트별 OR 연산을 수행합니다. 이 경우 문자열 "765"를 숫자 765로 변환합니다.

Math.ceil() 함수 사용

Math .ceil() 함수는 주어진 숫자보다 크거나 같은 가장 작은 정수를 반환합니다. 이 함수는 문자열을 정수로 변환하는 데 사용할 수 있습니다.

Example

다음 코드는 문자열 "123"을 숫자 123으로 변환합니다. −

<!doctype html>
<html>
<head>  
   <title>Examples</title>
</head>
<body>  
   <div id=&#39;result1&#39;></div>  
   <div id=&#39;result2&#39;></div>  
   <div id=&#39;result3&#39;></div>  
   <script>      
      let str = &#39;123&#39;;      
      document.getElementById(&#39;result1&#39;).innerHTML ="String:" +str;      
      document.getElementById(&#39;result2&#39;).innerHTML = "Before:<br> Type: "+typeof str;      
      let num = Math.ceil(str); // num = 123            
      document.getElementById(&#39;result3&#39;).innerHTML = "After:<br> Type:"+typeof num;          
   </script>
</body>
</html>
로그인 후 복사

위 코드에서는 먼저 Number() 함수를 사용하여 문자열 "123"을 숫자로 변환합니다. 그런 다음 이 숫자를 Math.ceil() 함수에 전달하면 정수 123이 반환됩니다.

parseInt() 함수를 사용하지 않고 문자열을 정수로 변환하는 방법에는 여러 가지가 있습니다. 이러한 메서드에는 단항 더하기 연산자, Number() 함수, Math.floor() 함수 및 비트 연산자 사용이 포함됩니다.

위 내용은 ParseInt() 함수를 사용하지 않고 JavaScript에서 문자열을 정수로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿