JavaScriptのreplaceとreplaceAllの使い方

@ハクト 2022-08-16 05:41:03に投稿

「replace」と「replaceAll」メソッドを利用し文字列を置換する方法です。

replaceメソッドで一致した全文字列を置換するには正規表現で記載する必要があります。

「replace」

const str = 'abc abc abc';

//最初に一致した文字列を置換
console.log(str.replace('a','')); //bc abc abc

//正規表現 一致した全ての文字列を置換
console.log(str.replace(/a/g,'')); //bc bc bc

//正規表現 変数を利用する
const find='a';
console.log(str.replace(new RegExp(find, 'g'),''));
//bc bc bc

「replaceAll」(ES2021で追加

const str = 'abc abc abc';

//一致した全ての文字列を置換
console.log(str.replaceAll('a','')); //bc bc bc

//正規表現 一致した全ての文字列を置換
console.log(str.replaceAll(/a/g,'')); //bc bc bc

//正規表現 変数を利用する
const find='a';
console.log(str.replaceAll(new RegExp(find, 'g'),''));
//bc bc bc

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter