JavaScriptにて正規表現を用いずに文字列の一括置換を行う方法
文字列の一括置換を行う際、PHPだとstr_replaceで問題無く対応できるがJavaScriptの場合は普通にreplaceを使っても最初に見つかった文字列のみ置換されてしまう。そのため正規表現を用いる必要があるがES2021で追加されたreplaceAllというメソッドで解決できるみたい。以下に使用方法をメモ。
使用方法
ソースコード
<script>
const price = '1,000,000';
//これだと最初のカンマのみ置換される
console.log(price.replace(',', '')); //1000,000
//従来の方法(正規表現)
console.log(price.replace(/,/g, '')); //1000000
//新しい方法
console.log(price.replaceAll(',', '')); //1000000
</script>
リファレンス
String.prototype.replaceAll()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll
所感
未だに正規表現は苦手意識があるのでreplaceAllを知れたのは良かった。今後はこの方法を使っていきたいところ。
関連記事
-
-
jQueryのloadメソッドでファイル(ページ)を呼び出す
サイト内でヘッダーやフッター等共通のパーツはそれぞれ別ファイルに分けてPHPのi ...
-
-
iPhoneにホーム画面登録を促すダイアログを表示
スマホ用のサイトでお気に入り登録を促すというのは以前に無理という結論が出たけれど ...
-
-
jQueryで対象の要素をまとめて親要素で囲む方法
あるシステムで出力されているHTMLタグを指定した親要素で囲みたいというケースが ...
-
-
サイトにHTMLエディタ(WYSIWYG)を導入する方法
シンプルで導入が簡単、且つ日本語化されているウィジウィグを探しており、良さそうな ...
-
-
JavaScriptで特定の要素にマウスオーバーした際、ツールチップを表示させる「Tippy.js」ライブラリの利用方法
JavaScriptで特定の要素にマウスオーバーした際、ちょっとした説明文等を書 ...