JavaScript数组拆分：二次拆分并保持索引一致的实现需求

云原生阿岚

2026-6-26

解决方案：固定格式拆分列表为数组

针对需求，我们可以通过分步处理标记和内容拆分的方式，确保输出数组的索引固定：parts[0]为待保存数据，parts[1]为显示文本（不存在则为空），parts[2]为预选中标记（存在则为'1'，否则为空）。

实现代码（分步拆分法）

这种方式逻辑清晰，易于理解和维护：

const promptList = [
  'TestOne__Test One|1',
  'TestTwo__Test Two|1',
  'TestThree',
  'TestFour__Test Four',
  'TestFive|1'
];

const processedList = promptList.map(item => {
  // 1. 提取预选中标记
  const isChecked = item.includes('|1');
  const checkMark = isChecked ? '1' : '';
  
  // 2. 移除标记，处理剩余内容
  const contentWithoutMark = isChecked ? item.replace('|1', '') : item;
  
  // 3. 拆分保存数据和显示文本，默认显示文本为空
  const [saveData, displayText = ''] = contentWithoutMark.split('__');
  
  // 4. 返回固定格式的数组
  return [saveData, displayText, checkMark];
});

// 验证输出
processedList.forEach(parts => {
  console.log(`parts = [${parts.map(p => typeof p === 'string' ? `"${p}"` : p).join(', ')}]`);
});

输出结果

运行后会得到符合要求的数组：

parts = ["TestOne", "Test One", "1"]
parts = ["TestTwo", "Test Two", "1"]
parts = ["TestThree", "", ""]
parts = ["TestFour", "Test Four", ""]
parts = ["TestFive", "", "1"]

备选方案（正则匹配法）

如果偏好简洁的正则写法，可以用正则一次性匹配所有部分：

const regex = /^([^__|]+)(?:__([^|]+))?(?:\|1)?$/;
const processedList = promptList.map(item => {
  const match = item.match(regex);
  return [
    match[1],
    match[2] || '',
    item.includes('|1') ? '1' : ''
  ];
});

正则表达式说明：