このプログラムでは、文字列を数値に変換する方法を紹介します。JavaScriptではNumber()
関数やparseInt()
、parseFloat()
を使用して文字列を数値に変換できます。
INDEX
使用する関数: Number(), parseInt(), parseFloat()
Number()
は、全般的に文字列を数値に変換します。parseInt()
は整数として変換し、parseFloat()
は浮動小数点数として変換します。
文字列を数値に変換するプログラム
以下のコードでは、文字列"12345"
を数値に変換し、その結果を表示しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>文字列を数値に変換する方法</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
padding: 20px;
}
pre {
background: #f4f4f4;
border-left: 3px solid #ccc;
padding: 10px;
margin: 20px 0;
}
</style>
<script>
window.onload = function() {
// 文字列を数値に変換する関数
function convertStringToNumber(str) {
return Number(str); // 文字列を数値に変換
}
// テスト用の文字列
const str = "12345";
// 数値に変換した結果
const numberResult = convertStringToNumber(str);
// 結果をHTMLに表示
document.getElementById('numberResult').textContent = `"${str}" を数値に変換した結果: ${numberResult}`;
}
</script>
</head>
<body>
<h1>文字列を数値に変換する方法</h1>
<div id="numberResult"></div>
</body>
</html>
プログラムの解説
このプログラムでは、Number()
関数を使用して文字列を数値に変換しています。parseInt()
やparseFloat()
も文字列を整数や浮動小数点数に変換する際に使用できます。
Numberオブジェクト メソッドの機能一覧

Number メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのNumberオブジェクトは、数値操作に便利なメソッドを提供します。以下に、Numberオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順でまとめています。Numberオブジェクトのインスタンスメソッド メソッド名 説明と注意点 Number.prototype.to...
グローバル関数 機能一覧

グローバル関数 メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのグローバル関数は、どこでも呼び出すことができる関数で、さまざまなタスクに使用されます。以下に、JavaScriptのすべてのグローバル関数をアルファベット順にまとめ、各関数の説明と注意点を示しています。グローバル関数一覧 関数名 説明と注意点 decodeURI(uri) エンコードされたURIを...