如何用JavaScript去除YouTube链接中的参数？

要批量清理字符串里的YouTube链接参数，核心是精准匹配两种主流YouTube链接格式，提取视频ID后重构纯净链接。

两种目标链接格式 #

• 短链：youtu.be/VIDEO_ID（可能带?xxx参数）
• 标准链：youtube.com/watch?v=VIDEO_ID（可能带&xxx参数）

可行代码实现 #

// 原始字符串
const originalText = 'test test test  youtu.be/G7KNmW9a75Y?list=PL08MW4hWrm0I5BMN-Z_r8dqRdNTyuyRaD  youtube.com/watch?v=JlOZR5OwS-8&list=PL08MW4hWrm0I5BMN-Z_r8dqRdNTyuyRaD&index=4 test test test';

// 清理链接参数
const cleanedText = originalText.replace(
  /(https?:\/\/)?(youtu\.be\/([A-Za-z0-9_-]+)\?.*|youtube\.com\/watch\?v=([A-Za-z0-9_-]+)(&.*)?)/g,
  (match, protocol, _, shortId, longId) => {
    // 提取视频ID（短链和标准链的ID分组不同）
    const videoId = shortId || longId;
    // 补全协议（如果原链接没带的话），保留原链接的域名格式
    const baseProtocol = protocol || 'https://';
    return match.includes('youtu.be') 
      ? `${baseProtocol}youtu.be/${videoId}` 
      : `${baseProtocol}youtube.com/watch?v=${videoId}`;
  }
);

console.log(cleanedText);

代码说明 #

1. 正则匹配：覆盖带/不带http(s)://前缀的两种链接，捕获视频ID，忽略后面的所有参数（?list=xxx或&index=xxx等）。
2. 替换逻辑：根据原链接的域名（短链/标准链）生成对应的纯净链接，自动补全HTTPS协议（如果原链接没带的话）。
3. 批量处理：正则末尾的g标志确保替换字符串里的所有YouTube链接。

原代码问题分析 #

你之前的代码用了不匹配YouTube链接的正则，且用固定字符串替换，既没覆盖所有链接格式，也没正确提取视频ID，所以无法完成参数清理。

内容的提问来源于stack exchange，提问作者merlinaxx