RegExp

レグエクス（データ型）

意味正規表現型

RegExpとは？

文字列内のパターンを検索するためのデータ型。

RegExpの具体的な使い方

メールアドレスの検証

const validateEmail = (email) => {
  const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
  return emailRegex.test(email);
};

console.log(validateEmail('[email protected]'));
console.log(validateEmail('invalid-email'));
console.log(validateEmail('[email protected]'));

👇出力結果

true
false
true

正規表現を使用してメールアドレスの形式を検証する関数を定義し、異なる入力でテストします。

文字列の置換

<div id='result'></div>
<script>
const text = '賢い茶色のキツネが怠け者の犬を飛び越えた。';
const colorRegex = /(茶色|怠け者)/g;

const highlightedText = text.replace(colorRegex, '<span style="color: red;">$1</span>');

document.getElementById('result').innerHTML = highlightedText;
</script>

正規表現を使用して特定の単語（「茶色」と「怠け者」）を見つけ、HTMLタグで囲んで赤色に変更します。

RegExpに関するよくある質問

Q. 正規表現とは何ですか？

A. 正規表現は、文字列のパターンを記述するための強力なツールです。文字列の検索、置換、検証などのタスクに使用されます。複雑なパターンマッチングを簡潔に表現できます。

Q. 正規表現の基本的な使い方は？

A. JavaScriptでは、正規表現は/パターン/の形式で作成します。例えば、/\d+/は1つ以上の数字にマッチします。test()メソッドでパターンの一致を確認したり、match()メソッドで一致した部分を抽出したりできます。

Q. よく使う正規表現の記号は？

A. 主な記号： . (任意の1文字) * (0回以上の繰り返し) + (1回以上の繰り返し) ? (0回または1回) ^ (行頭) $ (行末) \d (数字) \w (英数字とアンダースコア) [] (文字クラス) {n} (n回の繰り返し)

RegExpが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのRegExpやNumber、Symbol、Error、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。