正規表現を使ってjsでreplaceによる置換を行う場合、変数を使って処理する方法を覚えておくとかゆいところに手が届くようになります。本記事では、変数を使って正規表現でreplaceするjsをご紹介させていただきたいと思います。hoge"><li>ほげ123</li><li>ほげ</li><li>ほげ456</li><li>ほげ</li><li>ほげ789</li><li>ほげ</li><li>ほげあああ</li><li>ほげ</li><li>ほげいいい</li><li>ほげ</li><li>ほげううう</li><li>ほげ</li></ul>置換後のhtml置換前のhtmlにjsを実行すると、以下のように置換されます。今回のサンプルでは、「ほげ」の後に文字列があるもののみ「もげ」に置換する、というjsで解説させていただきたいと思います。変数$txtに$(this)で各リストの内容を格納します。RegExpのコンストラクタで正規表現のパターンを宣言します。「ほげ」のあとに「(.+)」とすることで、「ほげのあとに1回以上の何かしらの文字列の繰り返し」を対象とします。あとは$txtに対しreplace()で変数を使って「もげ」に置き換え、$(this).html($txt)とすることで、で置換した文字列をDOM生成して完了です。デモ実際に動作を確認できるデモページも公開しておりますのであわせてご確認ください。変数を使って正規表現でreplaceするjsまとめ単純なパターンであればあえて変数を駆使しなくても解決できるケースも多いですが、複雑な置換や大掛かりなjs開発において、変数を使わないと思うように置換ができないケースもあります。変数と正規表現、これらを組み合わせたreplaceをできるようにしておくといざという時に役立ちますので、ぜひご活用いただければ幸いです。ため、即時には反映されません。住宅ローン2019年5月7日さらに見る記事を書いている人フォローするRSSを購読するWebデザイナー/フロントエンド・エンジニアのMasaです。独学でWebデザインを勉強後Web業界へ就職し、今の会社に勤めて12年目になりました。2016年4月にマイホームを購入し、休日は芝生いじりと育児に励んでいます。