JavaScriptで値がパーセンテージ（%）かどうかを正規表現で判定する方法

値がパーセンテージかどうかを確認するには

たとえば、次のような値があったとします。

var value = "97%";

この値がパーセンテージ（%）形式かどうかを判定するには、正規表現を使用します。

使用する正規表現の解説

本記事では /^\d+(\.\d+)?%$/ というパターンを使います。それぞれの意味は以下のとおりです。

• ^ … 文字列の先頭から一致することを示す
• \d+ … 整数部分（1桁以上の数字）
• (\.\d+)? … 小数点以下は任意（存在してもしなくてもよい）
• %$ … 文字列の末尾が「%」であること

このパターンにより、「97%」「12.5%」のような形式は true、「percent」のような文字列は false と判定されます。

サンプルコード

実際のコードを見てみましょう。

var value = "97%";
var result = /^\d+(\.\d+)?%$/.test(value);
if (result == true) {
   console.log("パーセンテージです：" + value);
}
else {
   console.log("これはパーセンテージではありません");
}

var value1 = "percent";
var result1 = /^\d+(\.\d+)?%$/.test(value1);
if (result1 == true) {
   console.log("パーセンテージです：" + value1);
}
else {
   console.log("これはパーセンテージではありません");
}

プログラムの実行方法

上記のプログラムを実行するには、Node.jsを使って次のコマンドを入力します。

node fileName.js

ここでは、ファイル名を demo214.js として保存しています。

実行結果

コンソールには次のように出力されます。

PS C:\Users\Amit\JavaScript-code> node demo214.js
パーセンテージです：97%
これはパーセンテージではありません

補足：test() メソッドについて

RegExp.test() メソッドは、指定した文字列が正規表現にマッチする場合は true、しない場合は false を返します。入力値のバリデーションなどに手軽に活用できるため、フォームチェックやデータ検証の場面でよく使われます。