本文介绍使用 JavaScript 的 flatMap 与正则先行断言（lookbehind）对含 {variable} 占位符的字符串数组进行智能拆分：仅在变量闭合括号 } 后切分，确保变量完整保留，且后续文本独立成项。
本文介绍使用 javascript 的 flatmap 与正则先行断言（lookbehind）对含 `{variable}` 占位符的字符串数组进行智能拆分：仅在变量闭合括号 `}` 后切分，确保变量完整保留，且后续文本独立成项。
要实现题述需求——仅当变量 {...} 后存在非空白内容时才将其后部分拆分为新数组项，关键在于：不能简单按 { 或 } 切割（会破坏变量完整性），也不能依赖模糊索引（易出错）。正确思路是：在每个 } 后插入逻辑断点，再按此断点分割，同时保持变量本身不被截断。
为此，推荐使用 Array.prototype.flatMap() 配合正则表达式 /(?
- (?正向先行断言（positive lookbehind），表示“匹配一个位置，该位置前面恰好是一个形如 {xxx} 的变量”；
- 它不消耗字符，只定位分割点，因此 {variable} 完整保留在前一项，而其后的文本（如 " with other data {variable2}"）自然成为下一项；
- flatMap 确保每个原字符串拆分后展开为多个元素，避免嵌套数组；
- 配合 .map(s => s.trim()) 清除因分割产生的首尾空格（例如 "{variable} " → "{variable}" 和 "with other data {variable2}"）。
以下是完整可运行示例：
const sentenceArray = [
"First sentence ",
"Second sentence",
"Third sentence {variable}",
"Fourth sentence {variable} with other data {variable2}",
"Fiftth sentence {variable} with additional data {variable2}",
"Sixth sentence"
];
const newSentenceArray = sentenceArray.flatMap((str) =>
str.split(/(? s.trim())
);
console.log(newSentenceArray);
// 输出：
// [
// "First sentence ",
// "Second sentence",
// "Third sentence {variable}",
// "Fourth sentence {variable}",
// "with other data {variable2}",
// "Fiftth sentence {variable}",
// "with additional data {variable2}",
// "Sixth sentence"
// ]
⚠️ 注意事项：
-
浏览器兼容性：/(?caniuse 数据）。若需兼容，可改用 String.prototype.replace() + split() 组合模拟，例如：
str.replace(/(\{\w+\})/g, '$1\u200B').split('\u200B').map(s => s.trim())（利用零宽空格 \u200B 作安全分隔符）
- 正则中的 \w+ 假设变量名仅含字母、数字、下划线；若需支持连字符或点号（如 {user-name}），请改用 [^}]+：/(?
- 原方案中 split('{', 1) 错误地将字符串从第一个 { 处硬切，导致 {variable} 被截断为 "Third sentence " 和 "variable}..."，完全违背需求——变量必须原子化保留。
综上，flatMap + lookbehind 是语义清晰、代码简洁、符合预期的最优解，兼顾可读性与功能性。
