如何将字符串"[{x: 10, y: 20}, {x: 80, y:30}]"转换为JavaScript数组?
解决方法
首先明确:你用Array.from()得不到想要的结果,是因为这个方法的作用是把类数组/可迭代对象转成数组——对字符串来说,它会把每个字符拆成独立的数组元素,自然会得到一堆符号、数字组成的数组,完全不是你要的结构化对象数组。
要把目标字符串转成JS数组,有两种常用方式,根据你的场景选择:
1. 直接用eval(仅当字符串来源完全可控时使用)
你的字符串本身是合法的JS对象字面量,直接用eval就能解析成目标数组:
const str = "[{x: 10, y: 20}, {x: 80, y:30}]"; const resultArr = eval(str); console.log(resultArr); // 输出 [{x: 10, y: 20}, {x: 80, y: 30}]
⚠️ 注意:如果这个字符串是用户输入或其他不可信来源,绝对不能用eval,会存在代码注入的安全风险。
2. 转成合法JSON后用JSON.parse(更安全的通用方案)
你的字符串不是标准JSON(JSON要求对象键必须用双引号包裹),所以先通过正则给键加上双引号,再用JSON.parse解析:
const str = "[{x: 10, y: 20}, {x: 80, y:30}]"; // 正则匹配对象里的合法键名,替换为带双引号的格式 const validJson = str.replace(/([a-zA-Z_$][a-zA-Z0-9_$]*)(?=:)/g, '"$1"'); const resultArr = JSON.parse(validJson); console.log(resultArr); // 输出 [{x: 10, y: 20}, {x: 80, y: 30}]
这个正则会精准匹配JS对象的合法键名(符合标识符命名规则),并且确保只替换冒号前的键,不会破坏字符串里的其他内容。
内容的提问来源于stack exchange,提问作者f1f1stashka
相关产品推荐
相关产品推荐

