JavaScript - referências anteriores de regex de string

93

Você pode fazer a referência anterior como esta em JavaScript:

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

Isso substituiria (bastante bobo) "$ test" por "test". Mas imagine que eu gostaria de passar a string resultante de $ 2 para uma função, que retorna outro valor. Tentei fazer isso, mas em vez de obter a string "teste", recebo "$ 2". Existe uma maneira de conseguir isso?

// 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"));
javascript regex backreference quano
fonte

Respostas:

117

Como isso:

str.replace(regex, function(match, $1, $2, offset, original) { return someFunc($2); })
SLaks
fonte
1
Incrível, onde posso encontrar mais informações sobre isso?
quano
9
developer.mozilla.org/en/Core_JavaScript_1.5_Reference/…
SLaks
11
Legal. Para esclarecer: $1e $2são nomes de parâmetros escolhidos pelo usuário aqui (escolhidos para imitar os símbolos de referência anterior); o - variando! - o número desses parâmetros corresponde ao número de grupos de captura na regex.
mklement0 01 de
34

Passe uma função como o segundo argumento para replace:

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

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

Esse recurso existe desde o Javascript 1.3, de acordo com mozilla.org .

Sean
fonte
1

Usando ESNext, um substituto de links fictícios, mas apenas para mostrar como funciona:

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;
Expandir trecho

vdegenne
fonte
0

Nota: A resposta anterior estava sem algum código. Agora está corrigido + exemplo.

Eu precisava de algo um pouco mais flexível para uma substituição regex para decodificar o Unicode em meus dados JSON de entrada:

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"
Jacksonkr
fonte
0

Se você tiver uma quantidade variável de referências anteriores, a contagem de argumentos (e os locais) também são variáveis. O MDN Web Docs descreve a seguinte sintaxe para separar uma função como argumento de substituição:

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

Por exemplo, pegue estas expressões regulares:

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

Você não pode usar a variável 'argumentos' aqui porque é do tipo Argumentse não do tipo, Arrayentão não tem um slice()método.

7ochem
fonte