如何将数组toString()生成、经TextArea编辑的字符串还原为数组？

这个问题我之前也碰到过，核心问题是你现在的字符串不是合法的JSON数组格式——它只是两个对象用逗号连起来，但缺了外层的方括号[]，直接用JSON.parse()肯定会报错。下面是具体的实现步骤：

步骤1：预处理编辑后的字符串 #

先给用户编辑后的TextArea内容加上外层的方括号，把它转成合法的JSON数组格式：

// 假设你的TextArea有id为"config-textarea"
const textAreaContent = document.getElementById('config-textarea').value;
// 给内容前后包裹[]，转换成标准JSON数组字符串
const validJsonString = `[${textAreaContent}]`;

步骤2：安全解析JSON并更新原数组 #

一定要用try-catch包裹解析过程，因为用户可能输入格式错误的内容（比如少打引号、逗号错位），直接解析会导致程序崩溃：

// 假设originalArray是你的原数组
let originalArray = [];

try {
  const parsedArray = JSON.parse(validJsonString);
  // 解析成功，替换原数组
  originalArray = parsedArray;
  console.log('数组更新成功:', originalArray);
} catch (error) {
  console.error('解析失败，请检查输入格式:', error.message);
  // 这里可以给用户前端提示，比如弹出"输入格式有误，请检查JSON语法"
}

额外的边缘情况处理 #

如果用户可能输入多余的逗号（比如开头、结尾或者对象之间多打了逗号），可以先做简单的清洗，避免解析失败：

// 去除字符串首尾空白，同时删掉开头/结尾的多余逗号
const cleanedContent = textAreaContent.trim().replace(/^,|,$/g, '');
const validJsonString = `[${cleanedContent}]`;

拿你提供的目标字符串测试的话，原输入是：

{"color":"red","x":218,"y":-11,"width":60,"height":60},{"color":"blue","cx":114,"cy":83,"radius":30}

预处理后会变成合法的JSON数组字符串：

[{"color":"red","x":218,"y":-11,"width":60,"height":60},{"color":"blue","cx":114,"cy":83,"radius":30}]

这时候JSON.parse()就能正确得到包含两个对象的数组了。

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