JavaScript拆分数组元素并生成对应新数组问题求助

需求说明 #

• 对数组中每个元素，提取冒号:后面的内容，生成一个索引对应的新数组
• 原数组中每个元素仅保留冒号前的内容（包含冒号本身）
• 限制：仅支持修改单个索引的元素值，无法批量处理所有元素

示例 #

原数组 #

var arr = ["Alice:", "John:654", "Bob:123"];

拆分后预期结果 #

// 修改后的原数组
var arr = ["Alice:", "John:", "Bob:"];
// 提取出的新数组
var extractedArr = ["", "654", "123"];

现有代码问题分析 #

你提供的现有代码仅能找到并处理第一个包含冒号的元素，无法针对指定索引精准处理，也无法正确生成对应索引的提取值。下面是修正后的单索引处理实现：

单索引处理实现代码 #

var arr = ["Alice:", "John:654", "Bob:123"];
var extractedArr = ["", "", ""];

// 定义处理单个索引的函数
function processSingleIndex(index) {
  if (index < 0 || index >= arr.length) return;
  
  const element = arr[index];
  const parts = element.split(':');
  // 更新原数组当前索引的元素
  arr[index] = parts[0] + ':';
  // 把冒号后的内容存入提取数组对应索引
  extractedArr[index] = parts[1] || "";
}

// 逐个处理每个索引
processSingleIndex(0);
processSingleIndex(1);
processSingleIndex(2);

// 输出结果
document.getElementById("demo").innerHTML = "修改后的原数组: " + arr;
document.getElementById("demo2").innerHTML = "提取出的新数组: " + extractedArr;

代码说明 #

• processSingleIndex函数接收一个索引值，先判断索引合法性，避免越界错误
• 使用split(':')将元素拆分为两部分：冒号前的内容和冒号后的内容
• 更新原数组对应索引的元素为冒号前内容+:，确保格式符合要求
• 将冒号后的内容存入提取数组的对应索引（如果元素只有冒号没有后续内容，自动存入空字符串）
• 可以按需调用该函数处理任意单个索引，满足“仅能修改单个索引”的限制

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