IPv6 Dual Regex Angular - Javascript

简介

IPv6是下一代网络协议，使用128位地址，相比IPv4的32位地址，拥有更多的地址空间，可以支持更多的设备连接网络。IPv6正逐渐成为互联网的主流协议，因此掌握IPv6的相关知识和技能也变得越来越重要。在Angular开发中，经常需要对IPv6地址进行验证或者格式化，本文将介绍如何使用正则表达式来进行IPv6地址的验证和格式化。

IPv6地址的格式

IPv6地址由8个16进制数构成，每两个16进制数之间用“:”分隔开，例如：

2001:0db8:85a3:0000:0000:8a2e:0370:7334

考虑到IP地址中0的连续性，可以使用“::”来代替一段连续的0，例如：

2001:0db8:85a3::8a2e:0370:7334

为了避免歧义，一个IPv6地址中只能使用一次“::”。

IPv6地址的验证

使用正则表达式可以方便地对IPv6地址进行验证。下面是IPv6地址的验证的正则表达式：

/^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/

解释如下：

• “^”表示必须以指定的字符串开头；
• “(?:)”表示不捕获匹配的子表达式；
• “[a-fA-F0-9]”表示可以是16进制数的任意一个字符；
• “{1,4}”表示可以重复匹配1到4次；
• “:”表示匹配冒号；
• “{7}”表示必须匹配7个冒号；
• “$”表示必须以指定的字符串结尾。

如果要忽略大小写，可以添加i修饰符，例如：

/^(?:[a-f0-9]{1,4}:){7}[a-f0-9]{1,4}$/i

使用方法示例：

function isIPv6(input) {
  const regex = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
  return regex.test(input);
}

console.log(isIPv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334')); // true
console.log(isIPv6('::')); // true
console.log(isIPv6('2001:0db8:85a3::8a2e:0370:7334')); // true
console.log(isIPv6('2001:0db8:85a3:00000:0000:8a2e:0370:7334')); // false

返回的markdown格式代码片段：

```javascript
function isIPv6(input) {
  const regex = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
  return regex.test(input);
}

console.log(isIPv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334')); // true
console.log(isIPv6('::')); // true
console.log(isIPv6('2001:0db8:85a3::8a2e:0370:7334')); // true
console.log(isIPv6('2001:0db8:85a3:00000:0000:8a2e:0370:7334')); // false

## IPv6地址的格式化
格式化IPv6地址可以将一段连续的0使用“::”来代替，例如：

2001:0db8:85a3:0000:0000:8a2e:0370:7334 -> 2001:0db8:85a3::8a2e:0370:7334

下面是IPv6地址格式化的方法：
```javascript
function formatIPv6(input) {
  let groups = input.split(':');
  let zerosCount = 0;
  for (let i = 0; i < groups.length; i++) {
    if (groups[i] === '0000') {
      zerosCount++;
      groups[i] = '';
    } else {
      if (zerosCount > 0) {
        groups.splice(i - zerosCount, zerosCount, '');
        zerosCount = 0;
      }
    }
  }
  if (zerosCount > 0) {
    groups.splice(-zerosCount, zerosCount, '');
  }
  return groups.join(':').replace(/:{3,}/g, '::');
}

使用方法示例：

console.log(formatIPv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334')); // 2001:db8:85a3::8a2e:370:7334
console.log(formatIPv6('2001:0db8:85a3:0000:0000:0000:0000:7334')); // 2001:db8:85a3::7334
console.log(formatIPv6('2001:0db8:85a3::8a2e:0370:7334')); // 2001:db8:85a3::8a2e:370:7334

返回的markdown格式代码片段：

```javascript
function formatIPv6(input) {
  let groups = input.split(':');
  let zerosCount = 0;
  for (let i = 0; i < groups.length; i++) {
    if (groups[i] === '0000') {
      zerosCount++;
      groups[i] = '';
    } else {
      if (zerosCount > 0) {
        groups.splice(i - zerosCount, zerosCount, '');
        zerosCount = 0;
      }
    }
  }
  if (zerosCount > 0) {
    groups.splice(-zerosCount, zerosCount, '');
  }
  return groups.join(':').replace(/:{3,}/g, '::');
}

console.log(formatIPv6('2001:0db8:85a3:0000:0000:8a2e:0370:7334')); // 2001:db8:85a3::8a2e:370:7334
console.log(formatIPv6('2001:0db8:85a3:0000:0000:0000:0000:7334')); // 2001:db8:85a3::7334
console.log(formatIPv6('2001:0db8:85a3::8a2e:0370:7334')); // 2001:db8:85a3::8a2e:370:7334