如何在JavaScript中从字符串末尾提取子串？含URL场景需求

嘿，我来帮你搞定这个问题！要提取https://something.io/room2最后一个/之后的room2，JavaScript里有好几种实用的方法，我给你一一拆解清楚：

这是最直观的方法之一，把字符串按/分割成数组，再取最后一个元素：

const url = "https://something.io/room2";
const lastPart = url.split('/').pop();
console.log(lastPart); // 输出 "room2"

小提示：如果URL末尾带斜杠（比如https://something.io/room2/），split()后最后一个元素会是空字符串。可以加个过滤处理，让结果更鲁棒：

const url = "https://something.io/room2/";
const lastPart = url.split('/').filter(Boolean).pop();
console.log(lastPart); // 依然输出 "room2"

先找到最后一个/的位置，再从这个位置的下一位开始截取字符串：

const url = "https://something.io/room2";
const lastSlashPos = url.lastIndexOf('/');
const lastPart = url.substring(lastSlashPos + 1);
console.log(lastPart); // 输出 "room2"

同样应对末尾斜杠的情况，可以先去掉末尾的斜杠再处理：

const url = "https://something.io/room2/";
const trimmedUrl = url.replace(/\/$/, ''); // 去掉末尾的斜杠
const lastSlashPos = trimmedUrl.lastIndexOf('/');
const lastPart = trimmedUrl.substring(lastSlashPos + 1);
console.log(lastPart); // 输出 "room2"

正则适合需要更复杂匹配规则的场景，比如要确保提取的内容不含斜杠：

const url = "https://something.io/room2";
const matchResult = url.match(/\/([^\/]+)$/);
// 如果匹配成功，取捕获组的内容；否则返回空字符串
const lastPart = matchResult ? matchResult[1] : '';
console.log(lastPart); // 输出 "room2"

简单解释下正则：\/匹配斜杠，([^\/]+)捕获除斜杠外的所有字符，$限定在字符串末尾，完美锁定最后一段内容。

如果你的输入是标准的URL（带协议、域名等），用浏览器内置的URL对象是最稳妥的方式——它能自动处理查询参数、哈希等干扰项：

const url = new URL("https://something.io/room2?foo=bar#baz");
// 先拿到路径部分（比如"/room2"），再提取最后一段
const lastPart = url.pathname.split('/').pop();
console.log(lastPart); // 输出 "room2"

哪怕URL带一堆额外参数，这个方法也能精准拿到路径的最后一段，不会出错。

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