javascript - 如何编写此正则表达式以仅替换 url

Question

我有这个正则表达式来用 iframe 替换 youtube 链接。

const regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;

它有效，但它替换了整个字符串，假设我有这样的东西......

const string = This is a youtube like video but replace just the link...
https://www.youtube.com/watch?v=0oPAkkHXYHs&t=541s;

它替换了整个字符串变量，但我希望它只替换

https://www.youtube.com/watch?v=0oPAkkHXYHs&t=541s

最后应该给我这样的东西。

This is a youtube like video but replace just the link... <iframe ...>video</iframe> ;

如何更改正则表达式以仅替换字符串的一部分？

string = string.replace(regExp, function (url) {
                     return `<iframe ....></iframe>`;
   });

Answer 1

我修改了您的正则表达式并使用了组，它应该可以正常工作。

const regExp = /(^.*)(http(s)?:\/\/)((w){3}.)?youtu(be|.be)?(\.com)?\/.+/;
    
      let str = `This is a youtube like video but replace just the link... https://www.youtube.com/watch?v=0oPAkkHXYHs&t=541s`;
    
      str = str.replace(regExp, '$1 <iframe ....></iframe>');
      console.log(str);