JavaScriptで、特定文字列範囲内の一部文字を置換したい。

Question

テキストファイル内に以下のようなパターンの文字列が（複数）あります。
「https://aaa.bbb.com/ccc/ddd/20220731/20220731131124.jpg」

これを、全て以下のようなパターンに置き換えたい。
「xxx/yyy/20220731_20220731131124.jpg」

最後は、.jpg以外に.pngの場合もあります。

「https://aaa.bbb.com/ccc/ddd/」と「xxx/yyy/」は、固定文字列です。「20220731/20220731131124.jpg」部分は数字が可変です。長さは固定です。

正規表現か何かを使って変換できるでしょうか？

「https://aaa.bbb.com/ccc/ddd/」を「xxx/yyy/」にするだけなら単純なreplaceでもできますが、「20220731/20220731131124.jpg」を「20220731_20220731131124.jpg」にする方法が分かりません。文字列の中には「/」は他にもたくさんありますので、単純に「_」にすることもできません。「https:」と「.jpg」または「.png」で囲まれた範囲だけ変換したいのです。

文字列内には同様のパターンが複数ありますので、全てを一括処理したいです。

Comments

[m.ok.2nd]

su507さんの回答を参考に自分なりの原始的な方法で解決しました。

------------
str = 「文字列」
var tmp = str.replace(/https:\/\/aaa\.bbb\.com\/ccc\/ddd\//g,'xxx/yyy/ZZZ');
var out = tmp.replace(/ZZZ(\d{8})\/(\d{14}\.(jpg|png))/g,function() {
return arguments[0].replace('\/', '_').replace('ZZZ', '');
});
------------

ありがとうございました。

Answer 1

正規表現でやらなくてもスラッシュで分割して後ろ２つを抽出すればよいのでは？

let str="https://aaa.bbb.com/ccc/ddd/20220731/20220731131124.jpg";
const reg=/.+\/([^\/]+?)\/(?=[^\/]+$)/;
const res1=str.replace(reg,"xxx/yyy/$1_");
console.log(res1);
const res2=`xxx/yyy/${str.split("/").slice(-2).join("_")}`;
console.log(res2);

Comments

[m.ok.2nd]

ありがとうございます。

抽出して一部の文字列が欲しいのではなく、長い文字列の中の該当する箇所（※ 複数あります）を置換して、元の長い文字列は置換しない部分も含めてすべて必要なのです。

私の質問の仕方はまずかったのでしょうか？それとも、回答を私が理解できていないだけ。この回答から応用できるだけのスキルが私にはありません。

[m.ok.2nd]

補足です。

「https://aaa.bbb.com/ccc/ddd/」と「xxx/yyy/」の固定文字列はサンプルで、実際の文字列は違いますが、決まった文字列１つのみ固定です。

[yambejp]

> 私の質問の仕方はまずかったのでしょうか？

いま提示されている情報から類推できるものが私の回答なので、もう少しサンプル数を増やして
どういうロジックで変更したいのか明示すべきです。

Answer 2

たとえば

const regexp = /^https:\/\/aaa\.bbb\.com\/ccc\/ddd\/(\d{8})\/(\d{14}\.(jpg|png))$/;

というregexpを作っておいて

const test1 = 'https://aaa.bbb.com/ccc/ddd/20220731/20220731131124.jpg';

const result1 = test1.replace(regexp,  (_, p1, p2) => `xxx/yyy/${p1}_${p2}`);

console.log(result1);  // => 変換されて、"xxx/yyy/20220731_20220731131124.jpg"

だったり、

const test2 = 'https://aaa.bbb.com/ccc/ddd/20220731/20220731131124.gif';

const result2 = test2.replace(regexp,  (_, p1, p2) => `xxx/yyy/${p1}_${p2}`);

console.log(result2);  // => 変換されず、"https://aaa.bbb.com/ccc/ddd/20220731/20220731131124.gif"

Comments

[m.ok.2nd]

ありがとうございます。
JavaScriptにあまり詳しくありません。
「=>」アロー関数というものが使われているようですが、理解できていません。
構文エラーになってしまいます。
なお、今回の処理は正確にはJavaScriptではなく、JScriptで実行します。
「=>」アロー関数を使わないとどうなりますでしょうか？

[m.ok.2nd]

補足ですが、JScriptなので、constはvarに置き換えて検証しています。

[m.ok.2nd]

回答を参考に私なりの原始的な方法で解決しました。
----------
str = 「文字列」
var tmp = str.replace(/https:\/\/aaa\.bbb\.com\/ccc\/ddd\//g,'xxx/yyy/ZZZ');
var out = tmp.replace(/ZZZ(\d{8})\/(\d{14}\.(jpg|png))/g,function() {
return arguments[0].replace('\/', '_').replace('ZZZ', '');
});
----------

[m.ok.2nd]

補足です。

上記解決方法は、元の文字列には「ZZZ」がないという前提です。