如何动态从URL中获取指定值？求替代硬编码索引的方案

针对你需要从requestForm/intakeReqDetails/3210/request中提取3210的需求，这里有几个比硬编码索引的substring更灵活的方案：

1. 按斜杠分割字符串 #

把URL拆分成路径分段数组，直接通过分段位置取值，不用计算字符索引，可读性更强：

const url = 'requestForm/intakeReqDetails/3210/request';
const pathSegments = url.split('/');
// 目标值在第3个分段（数组索引从0开始）
const targetId = pathSegments[2];
console.log(targetId); // 输出 "3210"

如果URL可能带首尾斜杠，先做下清理：

const url = '/requestForm/intakeReqDetails/3210/request/';
const cleanSegments = url.replace(/^\/|\/$/g, '').split('/');
const targetId = cleanSegments[2];

2. 正则表达式匹配 #

如果更关注“intakeReqDetails后面的分段”这个逻辑，用正则匹配更可靠，哪怕前面的路径有变化，只要这个标识不变就能拿到值：

const url = 'requestForm/intakeReqDetails/3210/request';
// 匹配intakeReqDetails/之后、下一个斜杠之前的内容
const matchResult = url.match(/intakeReqDetails\/([^\/]+)/);
const targetId = matchResult ? matchResult[1] : null;
console.log(targetId); // 输出 "3210"

如果确定目标值是数字，正则可以改成/intakeReqDetails\/(\d+)/，匹配更精准。

3. 用URL API解析（浏览器/Node.js环境） #

如果是在浏览器或支持URL API的Node.js环境里，原生API能帮你处理各种URL边缘情况（比如带查询参数、哈希）：

// 浏览器环境
const url = new URL('requestForm/intakeReqDetails/3210/request', window.location.origin);
const pathSegments = url.pathname.split('/').filter(seg => seg);
const targetId = pathSegments[2];

// Node.js环境
const { URL } = require('url');
const url = new URL('requestForm/intakeReqDetails/3210/request', 'http://example.com');
const pathSegments = url.pathname.split('/').filter(seg => seg);
const targetId = pathSegments[2];

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