提取字符串中的链接并返回对象数组

Question

我从服务器收到一个字符串，该字符串包含文本和链接（主要以 http://、https:// 和 www. 开头，很少有不同，但如果它们不同，则无关紧要）。

例子：

"simple text simple text simple text domain.ext/subdir again text text text youbank.com/transfertomealltheirmoney/witharegex text text text and again text"

我需要一个执行以下操作的 JS 函数： - 查找所有链接（无论是否有重复）； - 返回一个对象数组，每个对象代表一个链接，以及返回链接在文本中开始位置和结束位置的键，例如：

[{link:"http://www.dom.ext/dir",startsAt:25,endsAt:47},
{link:"https://www.dom2.ext/dir/subdir",startsAt:57,endsAt:88},
{link:"www.dom.ext/dir",startsAt:176,endsAt:192}]

这可能吗？怎么样？

编辑：@Touffy：我试过了，但我不知道任何字符串有多长，只有起始索引。而且，这并没有检测到www：var str = string with many links (SO does not let me post them)" var regex =/(\b(https?|ftp|file|www):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; var result, indices = []; while ( (result = regex.exec(str)) ) { indices.push({startsAt:result.index}); }; console.log(indices[0].link);console.log(indices[1].link);

Answer 1

解决此问题的一种方法是使用正则表达式。假设任何输入，您都可以执行类似的操作

 var expression = /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/gi;
 var matches = input.match(expression);

然后，您可以使用indexOf 遍历匹配以发现起点和终点

for(match in matches)
    {
        var result = {};
        result['link'] = matches[match];
        result['startsAt'] = input.indexOf(matches[match]);
        result['endsAt'] = 
            input.indexOf(matches[match]) + matches[match].length;
     }

当然，您可能需要修改正则表达式本身以满足您的特定需求。

你可以在这个fiddle看到控制台记录的结果