Javascript - 获取文本区域中的所有网址

Question

我正在寻找一个干净的 jquery 代码，它在 textarea 中返回 url。我找到了一些解决方案，但不是很有用。 假设我有一些文字:

I have visited https://jobscane.com and it was so useful for finding jobs in pakistan. and https://google.com helped me to find it.

所以脚本应该在上面的字符串中返回 2 个 url

到目前为止我已经尝试过的是。

<script>
  $(document).ready(function(){

    $("#textarea").on('keyup', function(){

    const regex = /((?:https?:|www\.)[^\s]+)/g;
    const str = $(this).val();
    let m;

    while ((m = regex.exec(str)) !== null) {
        // This is necessary to avoid infinite loops with zero-width matches
        if (m.index === regex.lastIndex) {
            regex.lastIndex++;
        }

        // The result can be accessed through the `m`-variable.
        m.forEach((match, groupIndex) => {
            console.log(`Found match, group ${groupIndex}: ${match}`);
        });
    }

     });

  });
</script>

Answer 1

可以摆脱 while 并使用 match()

$("textarea").on('keyup', function() {

  const regex = /((?:https?:|www\.)[^\s]+)/g;
  const str = $(this).val();

  let m = str.match(regex);

  if (m) {
    m.forEach((match, groupIndex) => {
      console.log(`Found match, group ${groupIndex}: ${match}`);
    });
  }


}).keyup(); // trigger event for demo

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea> I have visited https://jobscane.com and it was so useful for finding
jobs in pakistan. and https://google.com helped me to find it.

</textarea>