クォーテーションで囲われていないURIにマッチする正規表現

Question

文字列のうち、「クォーテーションで囲われていないURI」に対して置換を行いたいです。

元の文字列が、

http://foo.bar/baz.html<br>"http://hoge.piyo/fuga.php"<br>'http://ex.ample/'

の場合、

<a href="http://foo.bar/baz.html">http://foo.bar/baz.html</a><br>"http://hoge.piyo/fuga.php"<br>'http://ex.ample/'

という形を目指しています。（<br>は改行を示しているわけではなく、"<br>"という文字列で渡されます。最終的にinnerHTMLになります）

元の文字列は改行を含みません（かならず1行で渡されます）。また、URIが出現する回数は不定です。
使用言語はVanilla JSです。
適切な正規表現パターンをご教示頂きたく思います。

function foo(txt){
  var chk = /h?ttps?:\/\//gi;
  if(!chk.test(txt)) return txt;

  var ptn = ''; // <- ???
  return txt.replace(ptn, '<a href="$&">$&</a>');
}

Answer 1

Guu さんの追記を拝見して閃きました。（Guu さん、重ね重ねすみません。URIの後に<br>が来るとは限らないので、パターンの最後に"<"を入れるだけではNGでした。）

1. クォートの有無に関係なくURIをmatch
2. matchの結果をループで回し、クォートがあるものはスルー、無いものは置換

という手順に分けることにしました。
さらに無学で恐縮ですが、シングルクォートは予約語（URIの一部として出現しうる）でした。

以下のコードでは、同じURIが2回出現すると壊れるのですが……、取り急ぎこれで行こうと思います。
ご指導ありがとうございました。

function foo(txt){
	var hits = txt.match(/"?h?ttps?:\/\/[\w\d:/?#[\]@!$&'()*+,;=\-._~]+"?/gi);
	if(hits.length < 1) return txt;
	
	var quoted = /"h?ttps?:\/\/[\w\d:/?#[\]@!$&'()*+,;=\-._~]+"/i;
	for(var i=0; i<hits.length; i++){
		// クォートで囲われているのはスルー
		if(quoted.test(hits[i])) continue;
		
		var replacement = new RegExp(hits[i], '');
		txt = txt.replace(replacement, '<a href="$&">$&</a>');
	} // next i
	
	return txt;
}

Comments

[Guu]

とりあえず解決したとのこと。良かったですね。
今気が付いたのですが、URLエンコードされたクエリに対応するため\%も必要かと思います。

Answer 2

var source = 'http://foo.bar/baz.html<br>"http://hoge.piyo/fuga.php"<br>'http://ex.ample/\'';

var array = source.split("<br>");
var replaced = [];
for(var i in array)
{
if(array[i] === ""){ continue; }
replaced.push(
array[i].match(/^("h?ttps?://.+"|'h?ttps?://.+')$/)?
array[i] :
'<a href="'+array[i]+'">'+array[i]+'</a>'
);
}
console.log(replaced.join("<br>"));

あんまり正規表現のみににこだわらなくてもいいような…

Comments

[thyda.eiqau]

lucker さん、ありがとうございます。
もちろん、実現できれば特に手段は問いません。重ね重ね、情報提供が足りずに恐縮です。渡される文字列について、もう少し詳しく追記として補足します。

[退会済みユーザー]

仕様書ください(^-^;;

Answer 3

単純なリプレイスでは難しいと思うので、3つのＵＲＬを別々にマッチさせて再合成します。
こんな感じでどうでしょうか？

function foo(txt){
	var chk = /h?ttps?:\/\//gi;
	if(!chk.test(txt)) return txt;

 	txt.match(/(https*\:\/\/[\w\d\-.\?\=\_\/]+)<br>"(https*\:\/\/[\w\d\-.\?\=\_\/]+)"<br>\'(https*\:\/\/[\w\d\-.\?\=\_\/]+)\'/gi);
  
  	return '<a href="' +RegExp.$1+ '">'+ RegExp.$1 +'</a><br>' + RegExp.$2 + '"<br>\''+ RegExp.$3 + '\'';
}

Comments

[thyda.eiqau]

Guu さん、回答ありがとうございます。
元になるテキストは必ずしも例の形ではなく、ダブルクォート含みのURIが10個来る場合もあれば、50回<br>が続いた後にクォート無しのURLが1つだけ書かれている場合もあります。（URIが出現する回数は不定です。だけでは不明瞭でしたね。失礼しました。）

[Guu]

やりたい事を全く逆に勘違いしておりました。
シングルクォートで囲まれたURIの抽出だと思ってました。面目ないです。

以下のコードで動作確認できました。

function foo(txt){
var chk = /h?ttps?:\/\//gi;
if(!chk.test(txt)) return txt;

var ptn = /[^\'\"]?(https?:\/\/[\w\d\-.\?\=_\/\~]+)[^\'\"]</ig; // <- ???
return txt.replace(ptn, '<a href="$&">$&</a>');
}

alert(foo('http://foo.bar/baz.html<br>"http://hoge.piyo/fuga.php"<br>\'http://ex.ample/\''));