String replaceAll()
replaceAll() は String 値のメソッドで、pattern に一致したすべての文字列を replacement で置き換えた新しい文字列を返します。pattern には文字列または RegExp を指定することができ、replacement は文字列または各一致に対して呼び出される関数を指定することができます。元の文字列は変更されません。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 85 | 85 | 77 | 13.1 | 85 | 13.4 | |
基本構文
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');ライブデモ
実務での使いどころ
-
String replaceAll() の活用
replaceAll() は String 値のメソッドで、pattern に一致したすべての文字列を replacement で置き換えた新しい文字列を返します。
注意点
- 特になし。すべての主要ブラウザで安定して動作する。
アクセシビリティ
- JavaScript による動的更新時は、aria-live リージョンで変更をスクリーンリーダーに通知する。