如何在JavaScript中将指定字符串转换为对象数组？

嘿，这个需求很常见，我给你两种实用的实现方式，都能轻松得到你想要的对象数组：

方法一：基础循环处理（直观易懂） #

先把字符串按|拆分成元素数组，然后每两个元素一组，构建成目标对象并收集到结果数组里：

const str = "Tuba|203488|Music Theory|301071";
// 第一步：拆分字符串为单个元素的数组
const parts = str.split('|');
const result = [];

// 第二步：遍历数组，每两个元素生成一个对象
for (let i = 0; i < parts.length; i += 2) {
  result.push({
    specialty: parts[i],
    userid: Number(parts[i + 1]) // 把字符串类型的ID转为数字，不需要的话可以去掉Number()
  });
}

console.log(result);
// 输出：
// [
//   { specialty: "Tuba", userid: 203488 },
//   { specialty: "Music Theory", userid: 301071 }
// ]

这种方式逻辑直白，适合新手理解，也方便后续扩展边界处理（比如原字符串长度为奇数时的容错）。

方法二：使用数组reduce方法（简洁优雅） #

如果喜欢函数式编程风格，用reduce可以写出更紧凑的代码：

const str = "Tuba|203488|Music Theory|301071";
const parts = str.split('|');

const result = parts.reduce((acc, _, index) => {
  // 只处理偶数索引的元素（对应每组的第一个值：specialty）
  if (index % 2 === 0) {
    acc.push({
      specialty: parts[index],
      userid: Number(parts[index + 1])
    });
  }
  return acc;
}, []);

console.log(result);

注意事项 #

• 要保证原字符串的格式是严格的专业|ID|专业|ID成对结构，如果字符串长度是奇数（比如最后多了一个无匹配的元素），最后一个元素会被忽略，你可以根据需求添加判断逻辑来处理这种异常情况。
• 如果userid不需要数字类型，直接使用parts[index + 1]即可，无需Number()转换。

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