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で後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動
jQueryで後から追加した要素にhasClass / addClass / r ...
-
-
「emoji-mart」プラグインを利用してsummernoteに絵文字機能を追加する方法
summernoteに絵文字機能を追加したい。具体的にはツールバーに新たにボタン ...
-
-
JavaScriptで連想配列を数値の降順でソートする方法
JavaScriptで連想配列を数値の降順でソートしたかったんだけど、色々調べて ...
-
-
HTMXで指定ページ内の指定要素を取得及び出力する方法サンプル
あるサイトのHTMLタグ内に「hx-〇〇」という見慣れないタグが記述されていた。 ...
-
-
JavaScriptで文字列から数値(特に小数)へ変換時の注意点
JavaScriptで文字列から数値へ変換時に想定していた結果と異なることがあっ ...