Insert Character on String Javascript

Question

Hi I want to insert additional character on strings from "replace" function.

example

string = "AGAS Ranges"
find = "gas"

my code

string.toLowerCase().replace("gas", `<b>${find}</b>`)

i want the result is like this, only add b and /b tag from the character you are looking for without changing the original words
"A<b>GAS</b> Ranges"

Thanks

[`String.prototype.replace()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace): _"The `replace()` method **returns a new string** with some or all matches of a pattern replaced by a replacement. The pattern can be a string or a RegExp, and the replacement can be a string or a function to be called for each match. If pattern is a string, only the first occurrence will be replaced. **The original string is left unchanged**."_ — Andreas, Aug 07 '20 at 14:08

Nikita Madeev · Accepted Answer · 2020-08-07T14:34:09.527

2

The pattern can be a RegExp, so you can reference to first matched group like $1.

i modifier - makes the regex case insensitive.

console.log("AGAS Ranges".replace(/(gas)/i, "<b>$1</b>"))

Use a variable in a regular expression:

const string = 'AGAS Ranges';
const find = 'gas';
const regExp = new RegExp(`(${find})`, 'i');

console.log(string.replace(regExp, '<b>$1</b>'));

edited Aug 07 '20 at 14:34

answered Aug 07 '20 at 14:09

Nikita Madeev

3,563
4
12

2

You can provide a bit of explanation of the solution too. It will be helpful . – Harmandeep Singh Kalsi Aug 07 '20 at 14:10
hi thanks, but how to put variable inside the /(string)/i? – Rizal Yogi Pratama Aug 07 '20 at 14:23
@RizalYogiPratama [How do you use a variable in a regular expression?](https://stackoverflow.com/questions/494035/how-do-you-use-a-variable-in-a-regular-expression) – Nikita Madeev Aug 07 '20 at 14:26
@NikitaMadeev but if i using `` new RegExp(replace,"i") `` the "$1" `` is doesn't work – Rizal Yogi Pratama Aug 07 '20 at 14:31

Insert Character on String Javascript

1 Answers1