用 javascript 中的不同单词替换每个出现的字符/单词

Question

var string = "Please click on dashboard and then open the dashboard details to verify your details on the data"; var stringArray = ["dashboard", "dashboard", "data"] var replaceArray = ["https://abcd.com/login", "https://abcd.com/home", "https://abcd.com/data"] for(i=0;i<stringArray.length; i++){ string = string.replace(stringArray[i].trim(), "<a href='"+replaceArray[i].trim()+"'>"+stringArray[i].trim()+"</a>"); }

I have a string and 2 arrays like above. I need to replace my string with respective anchor link tags as mentioned in two arrays. stringArray defines the word to be linked and replaceArray defines the URL should be added. Like first occurrence of dashboard should be anchor linked with "https://abcd.com/login" and second occurance of "dashboard" should be replaced with "https://abcd.com/home" and "data" should be replaced with "https://abcd.com/data".

I tried to find out the word in string and replace it using replace/replaceAll, working fine for single occurrence word, but for multiple occurrences it is not working.

Anyone help me to resolve this.

Resulting:

 "Please click on <a href='https://abcd.com/login'><a href='https://abcd.com/home'>dashboard</a></a> and then open the dashboard details to verify your details on the <a href='https://abcd.com/data'>data</a>"

Expected Output:

 "Please click on <a href='https://abcd.com/login'>dashboard</a> and then open the <a href='https://abcd.com/home'>dashboard</a> details to verify your details on the <a href='https://abcd.com/data'>data</a>"

Answer 1

I propose to solve this problem using the reduce method and a regular expression, where the regular expression will be the n-element of the stringArray array.

Through reduce, we will achieve that by replacing the word in the variable "string" at each iteration, for the next iteration we will already replace the changed value of the variable "string"

Solution:

 var string = "Please click on dashboard and then open the dashboard details to verify your details on the data"; var stringArray = ["dashboard", "dashboard", "data"]; var replaceArray = ["apple collection", "delta collection", "data collection"]; stringArray.reduce((acc, stringRegExp, index) => { return acc.replace(new RegExp(stringRegExp), replaceArray[index]); }, string)