勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptにて正規表現を用いずに文字列の一括置換を行う方法

  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を知れたのは良かった。今後はこの方法を使っていきたいところ。

 - JavaScript

  関連記事

フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法

PHP等サーバサイド系の言語は利用不可(JSは利用可)な環境でformを作成し画 ...

JavaScriptの日時・時刻用ライブラリ「Day.js」の利用方法について

JavaScriptの日時・時刻用を取り扱う際、PHPと比べると(個人的には)使 ...

javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

AjaxにてHTTPリクエストメソッドをDELETE / PUTで送信する方法

あるAPIにAjaxでリクエストする際、GET / POSTではなくDELETE ...

JavaScriptにて「QRCode.js」ライブラリを利用してQRコードを生成する方法

PHPが使えない環境で動的にQRコードを生成したかった。以前にメモしたAPI等の ...