JavaScript-文字列正規表現の後方参照


93

JavaScriptで次のようにバックリファレンスできます。

var str = "123 $test 123";
str = str.replace(/(\$)([a-z]+)/gi, "$2");

これは(まったくばかげた) "$ test"を "test"に置き換えます。しかし、結果の$ 2の文字列を別の値を返す関数に渡したいと想像してください。これを試してみましたが、「test」という文字列を取得する代わりに、「$ 2」を取得します。これを達成する方法はありますか?

// Instead of getting "$2" passed into somefunc, I want "test"
// (i.e. the result of the regex)
str = str.replace(/(\$)([a-z]+)/gi, somefunc("$2"));

回答:


117

このような:

str.replace(regex, function(match, $1, $2, offset, original) { return someFunc($2); })

1
これに関する詳細情報はどこにありますか?
quano


11
涼しい。明確にするために:$1そして、$2ここでユーザーが選択したパラメーター名です(後方参照記号を模倣するために選択されます); -変化する!-これらのパラメータの数は、正規表現のキャプチャグループの数に対応しています。
mklement0 2013年

34

2番目の引数として関数を渡しますreplace

str = str.replace(/(\$)([a-z]+)/gi, myReplace);

function myReplace(str, group1, group2) {
    return "+" + group2 + "+";
}

mozilla.orgによると、この機能はJavascript 1.3以降に存在しています。


1

ESNextを使用すると、かなりダミーのリンクが置き換えられますが、それがどのように機能するかを示すだけです。

let text = 'Visit http://lovecats.com/new-posts/ and https://lovedogs.com/best-dogs NOW !';

text = text.replace(/(https?:\/\/[^ ]+)/g, (match, link) => {
  // remove ending slash if there is one
  link = link.replace(/\/?$/, '');
  
  return `<a href="${link}" target="_blank">${link.substr(link.lastIndexOf('/') +1)}</a>`;
});

document.body.innerHTML = text;


0

注:以前の回答にはいくつかのコードがありませんでした。+修正されました+例。


着信JSONデータのユニコードをデコードするために、正規表現の置換でもう少し柔軟なものが必要でした。

var text = "some string with an encoded '&#115;' in it";

text.replace(/&#(\d+);/g, function() {
  return String.fromCharCode(arguments[1]);
});

// "some string with an encoded 's' in it"

0

可変量の後方参照がある場合、引数の数(および場所)も可変です。MDNのWebドキュメントには、交換用の引数としての機能をsepcifingためfollwing構文について説明します。

function replacer(match[, p1[, p2[, p...]]], offset, string)

たとえば、次の正規表現を取ります。

var searches = [
    'test([1-3]){1,3}',  // 1 backreference
    '([Ss]ome) ([A-z]+) chars',  // 2 backreferences
    '([Mm][a@]ny) ([Mm][0o]r[3e]) ([Ww][0o]rd[5s])'  // 3 backreferences
];
for (var i in searches) {
    "Some string chars and many m0re w0rds in this test123".replace(
        new RegExp(
            searches[i]
            function(...args) {
                var match = args[0];
                var backrefs = args.slice(1, args.length - 2);
                // will be: ['Some', 'string'], ['many', 'm0re', 'w0rds'], ['123']
                var offset = args[args.length - 2];
                var string = args[args.length - 1];
            }
        )
    );
}

「引数」変数ArgumentsはタイプArrayではなくタイプであり、slice()メソッドがないため、ここでは使用できません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.