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='result1'></div>
<div id='result2'></div>
<div id='result3'></div>
<script>
let str = '123';
document.getElementById('result1').innerHTML ="String:" +str;
document.getElementById('result2').innerHTML = "Before:<br> Type: "+typeof str;
let num = Math.ceil(str); // num = 123
document.getElementById('result3').innerHTML = "After:<br> Type:"+typeof num;
</script>
</body>
</html>로그인 후 복사
위 코드에서는 먼저 Number() 함수를 사용하여 문자열 "123"을 숫자로 변환합니다. 그런 다음 이 숫자를 Math.ceil() 함수에 전달하면 정수 123이 반환됩니다.
parseInt() 함수를 사용하지 않고 문자열을 정수로 변환하는 방법에는 여러 가지가 있습니다. 이러한 메서드에는 단항 더하기 연산자, Number() 함수, Math.floor() 함수 및 비트 연산자 사용이 포함됩니다.
위 내용은 ParseInt() 함수를 사용하지 않고 JavaScript에서 문자열을 정수로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
