在前端开发中，我们经常需要从文本中提取URL链接，这时我们可以使用npm包get-urls-to-array。该包可以将字符串中的所有URL地址提取出来，并以数组形式返回。get-urls-to-array使用简单，但是非常有用，本文将详细介绍如何使用该包。
一、安装和使用
使用npm安装get-urls-to-array：
npm install get-urls-to-array
然后，我们可以在代码中导入该模块，并调用getUrls函数：
const {getUrls} = require('get-urls-to-array');
const text = 'Please visit https://www.google.com';
const urls = getUrls(text);
console.log(urls);该函数将返回包含URL的数组：
[ 'https://www.google.com' ]
二、使用示例
1. 提取所有URL
我们可以使用getUrls函数从文本中提取所有URL：
const text = 'Please visit https://www.google.com or https://www.baidu.com'; const urls = getUrls(text); console.log(urls);
输出的urls将包含所有在文本中出现的URL：
[ 'https://www.google.com', 'https://www.baidu.com' ]
2. 去重URL
如果一段文本中有多个相同的URL，我们可以使用set去重：
const text = 'Please visit https://www.google.com or https://www.google.com'; const urls = [...new Set(getUrls(text))]; console.log(urls);
set会将数组中的重复项去掉，输出结果为：
[ 'https://www.google.com' ]
3. 获取指定协议的URL
我们可以使用options参数来指定要提取的URL类型，如只提取http或https类型的链接：
const text = 'Please visit ftp://ftp.is.co.za/rfc/rfc1808.txt and https://www.google.com';
const options = {protocols: ['https']};
const urls = getUrls(text, options);
console.log(urls);输出的urls只包含http类型的URL：
[ 'https://www.google.com' ]
4. 自定义正则表达式
如果我们想要更进一步的控制URL的提取方式，可以自定义正则表达式。
const text = 'Please visit my blog at blog.example.com';
const options = {custom: /(?<!\.)\b[\w-]+(?:(?:\.(?<!\.))[\w-]+)+\b(?!\.[\w])(?:\/[\w#!:.?+=&%@!()\/-]*)?/gi};
const urls = getUrls(text, options);
console.log(urls);输出的urls只包含自定义正则表达式所匹配到的URL：
[ 'blog.example.com' ]
三、总结
本文介绍了如何使用get-urls-to-array npm包从文本中提取URL链接。通过简单的示例，我们演示了如何提取所有URL，去重URL，获取指定协议的URL以及自定义正则表达式。使用get-urls-to-array将大大方便我们处理URL链接，提高前端开发的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e081e8991b448e0634