ホームページ >ウェブフロントエンド >jsチュートリアル >parseInt()関数を使用せずにJavaScriptで文字列を整数に変換するにはどうすればよいですか?
parseInt()関数を使用せずにJavaScriptで文字列を整数に変換するにはどうすればよいですか?
- WBOY転載
- 2023-08-24 21:57:081020ブラウズ
parseInt() は、文字列を解析して整数を返す JavaScript の組み込み関数です。ただし、この関数を使用せずに文字列を整数に変換したい場合があります。この記事では、これを行う方法について説明します。
単項プラス演算子の使用
文字列を整数に変換する 1 つの方法は、単項プラス演算子を使用することです。この演算子は、オペランドを数値に変換します。たとえば、次のプログラムは文字列「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() 関数の使用
文字列を数値に変換するもう 1 つの方法は、## を使用することです。 # Number() function. この関数は引数を受け取り、数値を返します。たとえば、次のコードは文字列 "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>Use Math.floor() function
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" を数値に変換します。ビット単位の OR 演算子は、オペランドを 32 ビット整数に変換し、それらに対してビット単位の OR 演算を実行します。この場合、文字列 "765" は数値 765 に変換されます。Math.ceil() 関数の使用##Math.ceil()
関数は、指定された数値以上の最小の整数を返します。この関数は次の変換に使用できます。文字列を整数に変換します。例
次のコードは、文字列「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 中国語 Web サイトの他の関連記事を参照してください。