简介
在前端开发中，我们经常需要对于 IP 地址和端口号进行校验，以保证数据的正确性。而 npm 上有一个名为 ip-port-regex 的包，它可以方便地进行这一操作。
ip-port-regex 是一个正则表达式，可以匹配 IP 地址和端口号的格式。在前端开发中，它可以用于表单数据的校验和后端数据的解析等场景。
安装
ip-port-regex 可以通过 npm 安装：
npm install ip-port-regex --save
使用
在使用 ip-port-regex 之前，需要首先引入它：
const ipPortRegex = require('ip-port-regex');校验 IP 地址
ip-port-regex 可以校验 IP 地址的格式是否正确。示例代码如下：
const ip = '192.168.1.1';
if (ipPortRegex.test(ip)) {
console.log(`"${ip}" 是合法的 IP 地址`);
} else {
console.log(`"${ip}" 是不合法的 IP 地址`);
}校验端口号
ip-port-regex 可以校验端口号的格式是否正确。示例代码如下：
const port = '8080';
if (ipPortRegex.test(port)) {
console.log(`"${port}" 是合法的端口号`);
} else {
console.log(`"${port}" 是不合法的端口号`);
}校验 IP 地址和端口号
ip-port-regex 还可以校验 IP 地址和端口号的组合格式是否正确。示例代码如下：
const ipPort = '192.168.1.1:8080';
if (ipPortRegex.test(ipPort)) {
console.log(`"${ipPort}" 是合法的 IP 地址和端口号组合`);
} else {
console.log(`"${ipPort}" 是不合法的 IP 地址和端口号组合`);
}深度讲解
ip-port-regex 的正则表达式如下：
/^(?:(?:^|[^.\d])(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(?::\d{1,5})?$/我们逐一分解这个表达式。
首先是开头的 ^，表示匹配开始。然后是 (?:^|[^.\d])，表示必须要以 . 或数字以外的字符开头，确保只匹配 IP 地址和端口号的组合，而不是包含其他字符的字符串。
然后是 (?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\. 这一块，它用于匹配 IP 地址中的每个数字，其中：
25[0-5]匹配 250-255 之间的数字2[0-4][0-9]匹配 200-249 之间的数字[01]?[0-9][0-9]?匹配 0-199 之间的数字
再往后，{3} 表示需要匹配 3 次（即需要匹配 3 个数字和 3 个 .）。
然后是 (?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)，它和上面的匹配方式类似，用于匹配最后一个 IP 地址。
接下来是 (?:\d{1,5})?，用于匹配端口号。\d{1,5} 表示匹配 1-5 位数字，即端口号的范围为 0-65535。() 和 ? 表示这一整块是可选的。
最后是 $，表示匹配结束。
注意事项
使用 ip-port-regex 时需要注意以下几点：
- ip-port-regex 可以匹配任何合法的 IP 地址和端口号格式，但它不对 IP 地址的实际存在性进行校验，因此不保证输入的 IP 地址一定存在。
- 正则表达式的效率相对较低，如果需要进行高性能的 IP 地址和端口号校验，建议使用其他方案。
结语
ip-port-regex 是一个方便实用的 npm 包，可以帮助我们轻松地校验 IP 地址和端口号格式。通过这篇文章，希望大家能够掌握 ip-port-regex 的基本用法，以及正则表达式的一些高级应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/57986