勉強したことのメモ.

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

  関連記事

CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法
CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法

CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...

PHPとajaxでチャットの作成
PHPとajaxでチャットの作成

■ソース ・index.php <? error_reporting(E_ ...

ajaxで複数のデータを渡したい
ajaxで複数のデータを渡したい

やりたい事はajaxで複数のデータを渡したい。 ■送信側 var data = ...

jQueryでformの各種パーツ(テキストボックス等)の操作まとめ
jQueryでformの各種パーツ(テキストボックス等)の操作まとめ

jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...

jQueryにて指定した要素の親要素を削除する方法
jQueryにて指定した要素の親要素を削除する方法

jQueryにて指定した要素の親要素を削除したいケースがあった。通常の場合だと親 ...