Replace contant of an array in a string with a text-JavaScript

Question

let message ="hello https://ggogle.com parul https://yahoo.com and http://web.com";
let url=["https://ggogle.com", "https://yahoo.com", "http://web.com"];

I want to put text "***" in place of all url found in the message array from url array.

Tried this way -

let message = "hello https://ggogle.com parul https://yahoo.com and http://web.com";
let url = ["https://ggogle.com", "https://yahoo.com", "http://web.com"];
const replace = url.map(item => {
  let indexes = message.indexOf(item);
  let output = message.replaceAt(indexes, "***")
})

Error-message.replace is not a function,also if the logic is correct? Thanks!

You're not returning anything from your map callback. Did you mean forEach? map returns a new array, forEach work in-place. — Andy
– Andy, Commented Sep 22, 2021 at 14:04

DecPK · Accepted Answer · 2021-09-22 14:26:09Z

1

1) You can easily achive the result using reduce

let message =
  "hello https://ggogle.com parul https://yahoo.com and http://web.com";

let url = ["https://ggogle.com", "https://yahoo.com", "http://web.com"];

const result = url.reduce((msg, str) => msg.replace(new RegExp(str, "g"), "***"), message);

console.log(result);

2) You can also achieve the solution with forEach loop

let message =
  "hello https://ggogle.com parul https://yahoo.com and http://web.com";

let url = ["https://ggogle.com", "https://yahoo.com", "http://web.com"];

url.forEach((s) => (message = message.replace(new RegExp(s, "g"), "***")));

console.log(message);

3) Using replace

let message =
  "hello https://ggogle.com parul https://yahoo.com and http://web.com";

let url = ["https://ggogle.com", "https://yahoo.com", "http://web.com"];

const result = url.reduce((msg, str) => {
  while (msg.indexOf(str) !== -1) msg = msg.replace(str, "***");
  return msg;
}, message);

console.log(result);

edited Sep 22, 2021 at 14:26

answered Sep 22, 2021 at 14:06

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Vitaliy Rayets Over a year ago

good solution))

Rockstar Over a year ago

@HR01M8055 thank you, is there a way that I don't have use regx?

DecPK Over a year ago

You can but that would be hard to understand and maintain as compared to RegExp

DecPK Over a year ago

This solution is direct and efficient. But at the end of day you have to replace the string with some text and you gonna use replace

DecPK Over a year ago

Though I've added one more solution. But still I'd prefer either 1 or 2

|

DexieTheSheep · Accepted Answer · 2021-09-22 14:07:21Z

0

The error is correct. replaceAt isn't a function, you're gonna have to use something like string substr() and then add your string inside, unless you think the string replace() method is good for your situation. I don't know enough about your case to decide.

This question might be useful, but make sure you actually add in the "***" after you cut out part of the string.

answered Sep 22, 2021 at 14:07

DexieTheSheep

4581 gold badge7 silver badges16 bronze badges

Comments

Adrian Mole · Accepted Answer · 2021-09-22 14:36:53Z

0

If I understood you correctly, you can just use replace instead of replaceAt. For example:

let message = "hello https://ggogle.com parul https://yahoo.com and http://web.com";
let url = ["https://ggogle.com", "https://yahoo.com", "http://web.com"];
const replace = url.map(item => {
    message = message.replace(item, "***")
})

console.log(message);

edited Sep 22, 2021 at 14:36

Adrian Mole

52.1k193 gold badges61 silver badges101 bronze badges

answered Sep 22, 2021 at 14:20

Mor M Ben

214 bronze badges

2 Comments

DecPK Over a year ago

If you are not using the return value of map then It would be better to use forEach

DecPK Over a year ago

What if the input is "hello https://ggogle.com parul https://yahoo.com and http://web.com and https://ggogle.com". Then your snippet is not as expected...

Collectives™ on Stack Overflow

Replace contant of an array in a string with a text-JavaScript

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related