文字列内の画像アドレス(img src)を置換するJavaScript正規表現メソッド

この記事の例では、文字列中の画像アドレス(img src)をJavaScriptの正規表現に置き換える方法を説明しています。参考のために皆さんと共有してください。詳細は次のとおりです:

今日の開発中に問題が発生しました: HTML 文字列に含まれるすべての img タグの src 値を置き換えるにはどうすればよいですか?

私が最初に考えた解決策は次のとおりです:

content.replace(/<img [^>]*src=[&#39;"]([^&#39;"]+)[^>]*>/gi, function (match) {
  console.log(match);
});

出力結果は次のとおりです:

<img src="//m.sbmmt.com/images/logo.gif" alt="" width="142" height="55" />

取得するのは img タグ全体ですが、取得すると予想されるのは src 内の URL なので、返す必要があるだけですnew in function(match) アドレスのみ。

それで、私はここで立ち往生しました。 。 。

その後、Googleで「javascript replace callback」というキーワードで検索し、stackoverflowで「replace callback function withmatches」を見つけ、関数（match）には他のパラメータがあることを知りました（詳細はdeveloper.mozilla.orgを参照）。

その後、次のコードに変更すると問題は解決します。

content.replace(/<img [^>]*src=[&#39;"]([^&#39;"]+)[^>]*>/gi, function (match, capture) {
  console.log(capture);
});

結果を出力

//m.sbmmt.com/images/logo.gif

完了!

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。

文字列内の画像アドレス (img src) を JavaScript 正規表現で置き換える方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。