本文介绍如何从形如 lines[0][config][options][343] 的嵌套表单字段名中，精准提取第1、第2、第3……个方括号内的内容（如 0、config、options、343），提供健壮、可复用的字符串解析方案。
本文介绍如何从形如 lines[0][config][options][343] 的嵌套表单字段名中，精准提取第1、第2、第3……个方括号内的内容（如 0、config、options、343），提供健壮、可复用的字符串解析方案。
在构建动态表单或处理后端返回的嵌套数组结构时，常会遇到类似 lines[0][config][options][343] 这样的 HTML name 属性。这类字符串本质是“路径式”命名，每个 [...] 表示一层访问索引或键名。若仅需最后一个索引（如 343），用 lastIndexOf 配合 substring 即可；但若需灵活获取任意位置的片段（例如第 1 个 [0] 中的 0，第 2 个 [config] 中的 config，或第 4 个 [343] 中的 343），则需系统性地拆解整个结构。
推荐采用「分治+归一化」策略：先以 [ 为界切割原始字符串，再对每段清理右侧残留的 ]，最终得到一个扁平化的索引/键名数组：
const name = 'lines[0][config][options][343]';
// 步骤1：按 '[' 分割 → ['lines', '0]', 'config]', 'options]', '343]']
const parts = name.split('[');
// 步骤2：遍历每段，用 ']' 切割并取首项（即去除末尾']'）
const indices = parts
.map(part => part.split(']')[0]) // 安全提取，即使为空串也返回 ''
.slice(1); // 跳过首项 'lines'（它不属于任何[]内）
console.log(indices);
// → ['0', 'config', 'options', '343']
// 现在可自由访问任意层级：
console.log(indices[0]); // '0' ← 第1个[]内的值
console.log(indices[1]); // 'config' ← 第2个[]内的值
console.log(indices[3]); // '343' ← 第4个[]内的值✅ 优势说明：
- ✅ 健壮性高：不依赖正则或固定位置索引，能正确处理含字母、数字、下划线甚至空字符串（如 [user_name]）的键名；
- ✅ 零依赖：纯原生 JavaScript，兼容所有现代浏览器及 Node.js 环境；
- ✅ 易扩展：返回数组后，可结合 find()、filter() 或 map() 进行进一步逻辑处理（如只提取数字索引）。
⚠️ 注意事项：
- 若原始字符串以 [ 开头（极罕见），split('[') 会产生空首项，此时 slice(1) 仍适用；
- 不建议直接使用 name.match(/\[(.*?)\]/g) 提取——它无法保证顺序稳定性，且对嵌套转义（如 [a\[b\]]）无支持；
- 实际项目中，建议封装为可复用函数，并增加输入校验：
function parseBracketIndices(name) {
if (typeof name !== 'string') return [];
return name.split('[')
.map(s => s.split(']')[0])
.slice(1);
}
// 使用示例
console.log(parseBracketIndices('data[2][items][active][id]'));
// → ['2', 'items', 'active', 'id']掌握该方法后，你不仅能解析前端表单字段，还可用于路由参数解析、JSON Path 模拟、模板引擎变量提取等场景——核心思想始终如一：将嵌套结构扁平化，再按需索引。
