このプログラムでは、JavaScriptの正規表現を使用して、文字列が数字のみか、アルファベットのみかを確認します。
数字とアルファベット確認プログラム
以下のコードでは、文字列が数字のみ、アルファベットのみ、またはそれらの組み合わせかどうかを確認しています。
HTMLとJavaScriptコード
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>数字のみか、アルファベットのみかを確認する方法</title>
<script>
window.onload = function() {
// 数字のみかを確認する関数
function isNumeric(str) {
const numericPattern = /^[0-9]+$/; // 数字のみの正規表現
return numericPattern.test(str); // パターンが一致するか確認
}
// アルファベットのみかを確認する関数
function isAlphabetic(str) {
const alphabeticPattern = /^[a-zA-Z]+$/; // アルファベットのみの正規表現
return alphabeticPattern.test(str); // パターンが一致するか確認
}
// テスト用の文字列
const numericString = "123456";
const alphabeticString = "abcdef";
const mixedString = "abc123";
// 数字のみか、アルファベットのみかを確認
const numericCheck = isNumeric(numericString);
const alphabeticCheck = isAlphabetic(alphabeticString);
const mixedCheckNumeric = isNumeric(mixedString);
const mixedCheckAlphabetic = isAlphabetic(mixedString);
// 結果をHTMLに表示
document.getElementById('numericCheck').textContent = `「${numericString}」は数字のみか: ${numericCheck}`;
document.getElementById('alphabeticCheck').textContent = `「${alphabeticString}」はアルファベットのみか: ${alphabeticCheck}`;
document.getElementById('mixedCheckNumeric').textContent = `「${mixedString}」は数字のみか: ${mixedCheckNumeric}`;
document.getElementById('mixedCheckAlphabetic').textContent = `「${mixedString}」はアルファベットのみか: ${mixedCheckAlphabetic}`;
}
</script>
</head>
<body>
<h1>数字のみか、アルファベットのみかを確認する方法</h1>
<div id="numericCheck"></div>
<div id="alphabeticCheck"></div>
<div id="mixedCheckNumeric"></div>
<div id="mixedCheckAlphabetic"></div>
</body>
</html>
プログラムの解説
このプログラムでは、正規表現を使用して、文字列が数字のみかアルファベットのみかを確認しています。^[0-9]+$
は数字のみのパターンを、^[a-zA-Z]+$
はアルファベットのみのパターンを表します。
以下は正規表現およびtest()
メソッドに関する注意点です。
test()
メソッドは、指定した文字列が正規表現に一致するかどうかを確認し、true
またはfalse
を返します。- 数字のみ、アルファベットのみを検出する場合、大文字小文字を区別する必要がある場合は正規表現で
i
フラグを使用しないように注意してください。 - 特殊文字やその他の記号を含む文字列には、別の正規表現パターンを適用する必要があります。
RegExpオブジェクト メソッドの機能一覧

RegExpオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。RegExpオブジェクトのインスタンスメソッド メソッド名 説明と注意点 R...