このプログラムでは、JavaScriptの正規表現を使用して、文字列に含まれるすべての数字を抽出します。
数字抽出プログラム
以下のコードでは、文字列"商品Aは123円、商品Bは456円、そして789円の商品C。"からすべての数字を抽出しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>文字列に含まれる数字をすべて抽出する方法</title>
<script>
window.onload = function() {
// 文字列に含まれるすべての数字を抽出する関数
function extractNumbers(str) {
const pattern = /\d+/g; // 数字にマッチする正規表現
return str.match(pattern); // 正規表現を使って数字をすべて抽出
}
// テスト用の文字列
const testString = "商品Aは123円、商品Bは456円、そして789円の商品C。";
// 文字列に含まれる数字を抽出
const result = extractNumbers(testString);
// 結果をHTMLに表示
document.getElementById('result').textContent = result ? result.join(', ') : "数字は含まれていません。";
}
</script>
</head>
<body>
<h1>文字列に含まれる数字をすべて抽出する方法</h1>
<div id="result"></div>
</body>
</html>プログラムの解説
このプログラムでは、正規表現を使って文字列に含まれるすべての数字を抽出しています。\d+という正規表現は1つ以上の数字を表し、gフラグを使うことで文字列全体からすべての一致する部分を抽出します。
以下はmatch()メソッドおよび正規表現に関する注意点です。
match()メソッドは、正規表現に一致するすべての部分を配列として返します。数字が見つからない場合はnullを返します。- 正規表現に
gフラグがないと、最初の一致だけを返します。gフラグが重要です。 - 数字以外にも特定のパターンを抽出したい場合は、正規表現を調整することで簡単に対応可能です。
Stringオブジェクト メソッドの機能一覧
Stringオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのStringオブジェクトは、文字列を操作するための強力なオブジェクトです。文字列はJavaScriptにおいて非常に重要なデータ型であり、文字の並びを表します。Stringオブジェクトは、プリミティブな文字列をラップするオブジェクトであり、文字列に対するさまざまな操作を行うメソッドを提供します。た...
programming-cafe.com