web-dev-qa-db-fra.com

JavaScript - références arrières string regex

Vous pouvez faire une référence en arrière comme ceci en JavaScript:

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

Ceci remplacerait (assez idiot) "$ test" par "test". Mais imaginons que j'aimerais passer la chaîne résultante de $ 2 dans une fonction, qui renvoie une autre valeur. J'ai essayé de faire cela, mais au lieu d'obtenir la chaîne "test", je reçois "$ 2". Y a-t-il un moyen d'y parvenir?

// 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"));
javascriptregexbackreference
84
quano

Comme ça:

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

Passez une fonction en tant que second argument à replace:

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

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

Cette fonctionnalité existe depuis Javascript 1.3, selon mozilla.org .

31
Sean

En utilisant ESNext, un sacré remplaçant de liens mais juste pour montrer comment cela fonctionne

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;

1
vdegenne

Remarque: Il manquait du code dans la réponse précédente. C'est maintenant fixé + exemple.

J'avais besoin de quelque chose d'un peu plus flexible pour remplacer un regex afin de décoder l'unicode dans mes données JSON entrantes:

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
Jacksonkr

Si vous avez un nombre variable de références arrières, le nombre d'arguments (et le nombre d'emplacements) sont également variables. MDN Web Docs décrivent la syntaxe suivante pour séparer une fonction en tant qu'argument de remplacement:

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

Par exemple, prenons ces expressions régulières:

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];
            }
        )
    );
}

Vous ne pouvez pas utiliser la variable 'arguments' ici car elle est de type Arguments et no de type Array, de sorte qu'elle n'a pas de méthode slice().

0
7ochem