Remplacer une Regex groupe de capture avec des majuscules en Javascript

Je sais je suis en retard à la fête, mais voici une brève méthode est plus le long des lignes de votre tente.

a.replace('f', String.call.bind(a.toUpperCase));

Alors, où avez-vous aller mal et qu'est-ce que cette nouvelle vaudou?

Problème 1

Comme indiqué précédemment, vous avez été d'essayer de transmettre les résultats d'une méthode appelée en tant que second paramètre de Chaîne de caractères.le prototype.replace(), quand au lieu de cela, vous devriez être en train de passer d'une référence à une fonction

Solution 1

C'est assez facile à résoudre. Enlever simplement les paramètres et les parenthèses va nous donner une référence plutôt que sur l'exécution de la fonction.

a.replace('f', String.prototype.toUpperCase.apply)

Problème 2

Si vous essayez d'exécuter le code maintenant, vous obtiendrez un message d'erreur indiquant que l'indéfini n'est pas une fonction et ne peut donc pas être appelé. C'est parce que la Chaîne.le prototype.toUpperCase.appliquer est en fait une référence à Fonction.le prototype.appliquer() via JavaScript de l'héritage par prototype. Donc, ce que nous sommes en train de faire ressemble plus à ce

a.replace('f', Function.prototype.apply)

Qui n'est évidemment pas ce que nous avons prévu. Comment sait-il à exécuter Fonction.le prototype.appliquer() sur Chaîne de caractères.le prototype.toUpperCase()?

Solution 2

À l'aide de Fonction.le prototype.bind() nous pouvons créer une copie de la Fonction.le prototype.appel avec son contexte spécifiquement String.le prototype.toUpperCase. Nous avons maintenant la suivante

a.replace('f', Function.prototype.apply.bind(String.prototype.toUpperCase))

Problème 3

Le dernier problème est que Chaîne de caractères.le prototype.replace() va passer plusieurs arguments à sa fonction de remplacement. Cependant, Fonction.le prototype.appliquer() attend le second paramètre à un tableau mais il récupère une chaîne de caractères ou un nombre (en fonction de si vous utilisez des groupes de capture ou pas). Ce serait la cause d'un argument non valide erreur de liste.

Solution 3

Heureusement, on peut tout simplement remplacer dans Fonction.le prototype.call() (qui accepte un nombre quelconque d'arguments, dont aucun n'a les restrictions de type) pour Fonction.le prototype.appliquer(). Nous voilà arrivés au code de travail!

a.replace(/f/, Function.prototype.call.bind(String.prototype.toUpperCase))

L'excrétion d'octets!

Personne ne veut de type prototype un tas de fois. Au lieu de cela, nous allons tirer parti du fait que nous avons des objets qui font référence à la même méthodes via l'héritage. La Chaîne de constructeur, étant une fonction, hérite de prototype de la Fonction. Cela signifie que l'on peut remplacer dans la Chaîne.appel pour Fonction.le prototype.appel (en fait, nous pouvons utiliser la Date.appel pour sauver encore plus d'octets, mais c'est moins sémantique).

Nous pouvons également tirer parti de notre variable 'a', car il est le prototype inclut une référence à Chaîne de caractères.le prototype.toUpperCase nous pouvons échange avec un.toUpperCase. C'est la combinaison des 3 solutions ci-dessus et ces octets mesures d'économie qui est la façon dont nous obtenons le code en haut de ce post.

SOLUTION

a.replace(/(f)/,x=>x.toUpperCase())  

pour remplacer toutes les grup occurrences utilisation /(f)/g regexp. Le problème dans votre code: String.prototype.toUpperCase.apply("$1") et "$1".toUpperCase() donne "$1" (essayez dans la console par vous-même) - il ne rien changer et en fait, vous appeler deux fois a.replace( /(f)/, "$1") (qui d'ailleurs ne change rien).

JS:

let a= "foobar";
let b= a.replace(/(f)/,x=>x.toUpperCase());
let c= a.replace(/(o)/g,x=>x.toUpperCase());

console.log("/(f)/", b);
console.log("/(o)/g", c);