引言
随着 IPv4 地址的越来越稀缺，IPv6 地址的应用开始逐渐普及，IPv4 和 IPv6 地址的格式也开始有所区别。为了方便在前端中验证 IP 地址的格式以及区分 IPv4 和 IPv6，我们可以使用 npm 包 ipv4-ipv6-format-check。
本篇文章将详细介绍如何使用该 npm 包，并提供相应的代码示例。
安装
首先，我们需要在本地项目中安装 ipv4-ipv6-format-check 包。打开终端，切换到项目目录，执行以下命令：
npm install ipv4-ipv6-format-check
使用方法
在项目中使用 ipv4-ipv6-format-check，我们只需要使用以下代码：
const ipFormat = require('ipv4-ipv6-format-check');或是 ES6 语法：
import ipFormat from 'ipv4-ipv6-format-check';
接着，我们可以使用 ipFormat 对象的方法来验证 IP 地址的格式以及判断 IPv4 和 IPv6。
验证 IPv4 地址
可以使用 ipFormat.ipv4() 方法来验证 IPv4 地址的格式。例如：
ipFormat.ipv4('192.168.1.1'); // 返回 true
ipFormat.ipv4('10.10.10'); // 返回 false验证 IPv6 地址
使用 ipFormat.ipv6() 方法来验证 IPv6 地址的格式。例如：
ipFormat.ipv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334'); // 返回 true
ipFormat.ipv6('fe80:0000:0000:0000:0204:61ff:fe9d:f156'); // 返回 true
ipFormat.ipv6('192.168.1.1'); // 返回 false判断 IPv4 或 IPv6
使用 ipFormat.ipv4OrIpv6() 方法来判断 IP 地址是 IPv4 还是 IPv6。例如：
ipFormat.ipv4OrIpv6('192.168.1.1'); // 返回 'IPv4'
ipFormat.ipv4OrIpv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334'); // 返回 'IPv6'总结
ipv4-ipv6-format-check 包提供了方便的方法来验证 IP 地址的格式以及判断 IPv4 和 IPv6。我们可以在前端项目中轻松地使用它来验证用户的输入，确保输入的 IP 地址符合要求。
希望本篇文章能帮助你快速上手使用该 npm 包，并在实际项目中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664a81e8991b448e2654