如何更简洁提取URL中courseName与末尾文件名间的字符串？

嘿，你的代码确实能正常工作，但确实有更简洁、可读性更好的实现方式！咱们针对提取URL中courseName与末尾文件名之间的字符串这个需求，来梳理几种优化方案：

方案1：最简洁的字符串切片法 #

原代码的逻辑其实可以大幅简化——你不需要先截取再替换，直接通过slice定位起始和结束位置即可：

const movieName = "frozen_2019";
const courseName = "olaf_is_enjoying_living_his_dream_1";
const source = "your majesty from https://example.com/english/courses/frozen_2019/olaf_is_enjoying_living_his_dream_1/voices/references/translate/do%20you%20hear%20that.mp3";

function getSourceError(source, courseName) {
  const startPos = source.indexOf(courseName) + courseName.length + 1;
  const endPos = source.lastIndexOf("/");
  // 处理边界情况：如果courseName不存在或位置不对，返回空字符串
  return startPos > 0 && endPos > startPos ? source.slice(startPos, endPos) : "";
}

console.log(getSourceError(source, courseName)); // 输出：voices/references/translate

这个方案直接定位两个关键位置：courseName结束后的第一个字符，以及最后一个斜杠的位置，中间的部分就是你要的结果，比原代码少了两次额外的字符串截取操作。

方案2：正则表达式匹配 #

如果需要更精准的匹配（比如避免courseName出现在非路径位置的情况），可以用正则表达式直接捕获目标片段：

const movieName = "frozen_2019";
const courseName = "olaf_is_enjoying_living_his_dream_1";
const source = "your majesty from https://example.com/english/courses/frozen_2019/olaf_is_enjoying_living_his_dream_1/voices/references/translate/do%20you%20hear%20that.mp3";

function getSourceError(source, courseName) {
  // 构建正则：匹配courseName后的路径，直到最后一个文件名前的斜杠
  const regex = new RegExp(`${courseName}\/(.*)\/[^\/]+$`);
  const matchResult = source.match(regex);
  // 匹配成功则返回捕获的片段，否则返回空字符串
  return matchResult ? matchResult[1] : "";
}

console.log(getSourceError(source, courseName)); // 输出：voices/references/translate

正则的优势是可以确保只匹配路径中的courseName，避免源字符串中其他位置出现相同文本导致的错误。

方案3：URL对象解析（更规范的路径处理） #

如果你的URL格式很标准，推荐用浏览器原生的URL对象来解析路径，这样能自动处理编码、相对路径等问题：

const movieName = "frozen_2019";
const courseName = "olaf_is_enjoying_living_his_dream_1";
const source = "your majesty from https://example.com/english/courses/frozen_2019/olaf_is_enjoying_living_his_dream_1/voices/references/translate/do%20you%20hear%20that.mp3";

function getSourceError(source, courseName) {
  // 先提取源字符串中的URL部分（去掉前面的无关文本）
  const urlStr = source.match(/https?:\/\/[^ ]+/)[0];
  const url = new URL(urlStr);
  // 拆分路径为数组，过滤空字符串
  const pathSegments = url.pathname.split("/").filter(seg => seg);
  // 找到courseName在路径中的位置
  const courseIndex = pathSegments.indexOf(courseName);
  
  // 边界检查：确保courseName存在，且后面有足够的路径片段
  if (courseIndex === -1 || courseIndex >= pathSegments.length - 2) {
    return "";
  }
  
  // 截取courseName之后到最后一个片段之前的部分，拼接成路径
  return pathSegments.slice(courseIndex + 1, -1).join("/");
}

console.log(getSourceError(source, courseName)); // 输出：voices/references/translate

这个方案最规范，适合复杂URL场景，比如包含特殊字符编码、查询参数等情况。

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