如何在JavaScript中从URL提取指定路径段qa2？

原代码的问题分析 #

你的代码存在两个关键问题：

• 对于URL https://abcd.com/qa2/index.html，location.pathname 的值是 /qa2/index.html，用 split('/') 分割后得到数组 ["", "qa2", "index.html"]，你输出的 parts[0] 是空字符串，自然得不到预期的 qa2。
• 你创建了 paths 数组用来过滤空元素，但后续判断和输出时依然使用原 parts 数组，完全没用到过滤后的结果。

修正后的解法 #

方法一：修复原代码逻辑 #

保留你原有的遍历过滤逻辑，改用过滤后的 paths 数组取值：

var parts = location.pathname.split('/');
var paths = [];
parts.forEach(function(item){  
    if (item) 
        paths.push(item);    
});  
if(paths.length >= 1) {
    console.log(paths[0]); // 输出qa2
}

方法二：更简洁的过滤写法 #

使用 filter 方法简化空元素过滤步骤：

const pathParts = location.pathname.split('/').filter(part => part);
if (pathParts.length > 0) {
    console.log(pathParts[0]); // 输出qa2
}

方法三：使用URL API（更规范） #

如果是处理任意URL而非当前页面地址，可以用浏览器原生的URL API解析：

const url = new URL("https://abcd.com/qa2/index.html");
const pathParts = url.pathname.split('/').filter(part => part);
console.log(pathParts[0]); // 输出qa2

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