如何将逗号分隔字符串存入含指定字段的数组（JavaScript）

这事儿很容易搞定，结合你已经知道的split()方法，再加上数组的map()方法就能一步实现需求，甚至还能处理一些边界情况让代码更健壮。

基础实现 #

直接拆分字符串后，把每个元素映射成目标对象：

var ids = '5f6ac,9bc1d';
// 拆分字符串后，遍历每个元素转为带_id的对象
var resultArray = ids.split(',').map(id => ({ _id: id }));

console.log(resultArray);
// 输出结果：[{ _id: "5f6ac" }, { _id: "9bc1d" }]

代码解释 #

• split(',')：和你示例里一样，把逗号分隔的字符串拆成普通字符串数组["5f6ac","9bc1d"]
• map(id => ({ _id: id }))：遍历数组里的每一个id，把它转换成一个包含_id字段的对象。这里要注意箭头函数的写法：必须用括号把对象包起来({ ... })，不然JS会把大括号当成函数体，就会出现语法错误哦。

健壮性优化（处理边界情况） #

如果你的输入字符串可能存在空值、多余逗号或者前后空格（比如',5f6ac,, 9bc1d '），可以加上filter()来过滤无效元素，同时给id做去空格处理：

var ids = ',5f6ac,, 9bc1d ';
var resultArray = ids.split(',')
  .filter(id => id.trim() !== '') // 过滤掉空字符串和纯空格的元素
  .map(id => ({ _id: id.trim() })); // 去除每个id前后的空格

console.log(resultArray);
// 输出结果：[{ _id: "5f6ac" }, { _id: "9bc1d" }]

这样不管输入字符串有没有多余的格式问题，都能得到干净的目标数组啦。

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