Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

String.prototype.replaceAll() は文字列内の指定パターンをすべて置換します。replace() + 正規表現 /g の代わりにシンプルな文字列置換ができます。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
85
85
77
13.1
85
13.4
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT
const template = 'Hello {{name}}, welcome to {{name}}'s page!';

template.replaceAll('{{name}}', 'Taro');
// 'Hello Taro, welcome to Taro's page!'

// Traditional method (required regular expressions)
template.replace(/\{\{name\}\}/g, 'Taro');

ライブデモ

tenpre-t. Multiplereplace

regex to, pre-sholda- batchreplace..

プレビュー全画面表示

simplewa-dfilter

NGwa-d batch in character to..

プレビュー全画面表示

Datefo-mat. batchconvert

srashiseparator. Date hyphenseparator to change..

プレビュー全画面表示

実務での使いどころ

  • String replaceAll() の活用

    文字列内のすべての一致箇所を置換するメソッド。正規表現なしで全置換が可能。

注意点

  • 特になし。すべての主要ブラウザで安定して動作する。

アクセシビリティ

  • JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。

Powered by web-features