Replace all matches in string and return updated string

Question

I have a string on a server (no DOM parsing), where I need to replace all matches and return an updated string. Challenging part is that match contains a part that I need to be preserved.

const data =
  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Link exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur Link sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
const regex = /Link<\/a>/g;
const newData = [...data.matchAll(regex)].map((match) => {
  const [string] = match;
  const [end] = string
    .split(/ val);
  const [href] = end.split(/\">/g);
  const newString = `
`;
  return newString;
});
console.log(newData);

So there in data are three matches eg. Link, where I need to extract http://google.com etc. from and "inject" it into updated string. I managed to do this, but question is how to replace matches.

In fact I have a working solution with split/join:

const data =
  'Lorem ipsum dolor sit amet, Another link consectetur adipiscing elit, sed do eiusmod Link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Link exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur Link sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
const newData = data
  .split('Link')
  .join('">

');
console.log(newData);

This solution however will cause undesired results, if there is no match in second split/join, or it can modify also links, which are not supposed to be modified.

So my target is get a result as in the second case, but with correct replacements, as in first one.

Peter Thoeny · Accepted Answer

Here is a simple solution to get a single string back with links modified as desired:

const data =
  'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Link exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur Link sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';
const regex = /Link<\/a>/g;

var result = data.replace(regex, '
')
console.log(result);

Resulting output:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

 tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
 exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur 
 sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Old answer before clarification of desired output:

Here is a working solution:

const data = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod Link tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud Link exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur Link sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.';

const regex = /Link<\/a>/g;

function extractLinks(data) {
    var links = [];
    data.replace(regex, (m, p1) => {
        links.push(p1);
    });
    return links.map((link) => {
        return '
';
    });
}

console.log(extractLinks(data));

Replace all matches in string and return updated string

Answers (2)

Related Questions