Add variable into string

Question

All I need to do here is to add a variable before each specific string.

Example:

var exampleString = "blabla:test abcde 123test:123";
var formattedString = "el.blabla:test abcde el.123test:123";

As you can see, when I have something like "XXX:XXX", I need to add a variable before it.

I have the Regex to find "XXX:"

var regex = new RegExp(/\w+([aA-zZ]:)/g)

But when I try to replace it, it replaces all instead of adding the variable "el."

var exampleString = "blabla:test abcde 123test:123";
var formattedString = exampleString.replace(new RegExp(/\w+([aA-zZ]:)/g), 'el.');
// formattedString is now "el.test abcde el.123"
// Instead of "el.blabla:test abcde el.123test:123"

Could anyone makes this work ? Thanks :)

Source: Javascript Regex: How to put a variable inside a regular expression?

Hope [this](http://stackoverflow.com/questions/3598042/how-can-i-replace-a-regex-substring-match-in-javascript) may help you. Actually the logic is that you can use `()` to group thee desired substring. And the in replace string you can use "$1" to use the first matched group — Abhisek Malakar, Apr 13 '17 at 06:59

Vinay Pratap Singh Bhadauria · Accepted Answer · 2017-04-13T07:20:52.883

3

var exampleString = "blabla:test abcde 123test:123";
var formattedString = exampleString.replace(/\w*:\w*/gi, 'el.$&');
console.log(formattedString);

Regex use and Explanation Here https://regex101.com/r/U2KeXi/3

Sample Fiddle here https://jsfiddle.net/a8wyLb0g/2/

edited Apr 13 '17 at 07:20

answered Apr 13 '17 at 07:04

Vinay Pratap Singh Bhadauria

9,829
3
28
49

This is exactly what I was looking for. Thank you for your working example and your help, I understand it well with the Regex explanation :) – Nicolas Leucci Apr 13 '17 at 07:08
No need using capturing groups when you need to refer to the whole match value, use `.replace(/\w+:\w+/gi, 'el.$&')`. If you use [`\w*:\w*`](https://regex101.com/r/U2KeXi/2), you will add `el.` before any `:`. – Wiktor Stribiżew Apr 13 '17 at 07:16
@WiktorStribiżew Thanks , i have updated the answer and the links. – Vinay Pratap Singh Bhadauria Apr 13 '17 at 07:21
I checked it as the best answer because It matches the correct string without changing it, and it's also working with alphanumeric characters :) – Nicolas Leucci Apr 13 '17 at 07:43
1

@NicolasLeucci We always have room for improvement, Happy Coding :) – Vinay Pratap Singh Bhadauria Apr 13 '17 at 07:46

score 1 · Answer 2 · answered Apr 13 '17 at 06:58

You need to use ^ to match only at the beginning. And remove the g modifier, since you only want to replace once, not every time.

There's also no reason to use new RegExp(), just use a RegExp literal.

In the replacement string, you need to use $& to copy the original string into the replacement.

var exampleString = "blabla:test abcde 123test:123";
var formattedString = exampleString.replace(/^\w+[a-z]:/i, 'el.$&');
console.log(formattedString);

Also, the proper way to match all letters in either case is with [A-Za-z], not [aA-zZ], or use the i modifier to make the regexp case-insensitive. Your regexp matches all characters in the range A-z, which includes lots of punctuation characters that are between the uppercase letters and lowercase letters in the ASCII code.

Thank you ! I actually need to append all iteration in my string — Nicolas Leucci, Apr 13 '17 at 07:07

binariedMe · Answer 3 · 2017-04-13T06:58:09.387

0

Just use this

exampleString.replace(/(\w*):(\w*)/gi, 'el.$1:$2');

REGEXP explanation :

capturing group (\w*) is for capturing any alphabets in any number of occurance, $1 and $2 specifies the first and second capturing group.

edited Apr 13 '17 at 06:58

answered Apr 13 '17 at 06:55

binariedMe

4,309
1
18
34

Explain what does it mean `$1` and `$2` – Justinas Apr 13 '17 at 06:56

score 0 · Answer 4 · answered Apr 13 '17 at 07:42

You should use a function like insertAt instead replace, see following example:

String.prototype.insertAt=function(index, string) { 
  return this.substr(0, index) + string + this.substr(index);
}

var exampleString = "blabla:test abcde 123test:123";
var regex = new RegExp(/\w+([aA-zZ]:)/g)
var formattedString = exampleString;

while ( (result = regex.exec(exampleString)) ) {
    formattedString = formattedString.insertAt(result.index, "el.");
}

console.log(formattedString);

I hope it helps you, bye.

Add variable into string

4 Answers4