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

String matchAll()

String.prototype.matchAll() はグローバルフラグ付き正規表現のすべてのマッチをイテレータで返します。各マッチにはキャプチャグループも含まれ、exec ループより簡潔に書けます。

文字列ES2020

概要

String.prototype.matchAll() はグローバルフラグ付き正規表現のすべてのマッチをイテレータで返します。各マッチにはキャプチャグループも含まれ、exec ループより簡潔に書けます。

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
javascript.builtins.String.matchAll
73
79
67
13
73
13
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

JAVASCRIPT 
const text = 'Price: ¥1,200, ¥3,500, and ¥800';
const regex = /¥([\d,]+)/g;

for (const match of text.matchAll(regex)) {
  console.log(match[0], match[1]);
}
// '¥1,200' '1,200'
// '¥3,500' '3,500'
// '¥800' '800'

ライブデモ

Multiplematch. batchread

Textinside. all. priceinfo extract, detail display..

プレビュー全画面表示

HTMLtag. Attributeextract

regex. kipchagroup Use, all. link. URL and text extract..

プレビュー全画面表示

dynamicgenerate with Iterateprocessing.

MatchAll that itere-ta Use, show or word listization..

プレビュー全画面表示

実務での使いどころ

  • String matchAll() の活用

    正規表現のすべてのマッチ結果をイテレータで返す。キャプチャグループも含む完全なマッチ情報を取得可能。

注意点

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

アクセシビリティ

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

参考リンク

Powered by web-features