两步处理字符串正则匹配得到JSON列表

先说一下为什么要做这个事情

这几天遇见个比较毒的问题，elementplus的table表格不是要键值对对应的json数据列表来显示数据嘛。

我写的一个小项目用的后端是go语言，本意是后端在数据库得到所有数据以后，在后端处理好：将所有数据打包成一个带着所有json格式数据的列表。

再将这个列表传给前端，直接赋值列表就好了。结果go语言的列表不像python的列表是实际存在的，go语言的列表是实际的链表，我的前端不能得到我想要的json数据列表。

于是就想到了后端把带着所有json数据的字符串传给前端，由前端js处理字符串，给我想要的json列表。

再推荐一个正则表达式测试工具：正则表达式在线测试 | 菜鸟工具 (runoob.com)

接下来就是简单的步骤：

得到后端给的json数据

//得到后端给的json数据
var str = response['data']

 正则匹配所有包括大括号的内容，返回一个数组

//正则匹配所有包括大括号的内容，返回一个数组
str = str.match(/{[^}{]*?}/g)

 

eval()定义：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象

现在列表里还都是字符串形式的json，遍历数组将字符串转换为json

//但是现在列表里还都是字符串形式的json，遍历数组将字符串转换为json
for(var i=0;i<str.length;i++){

    //eval()定义：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
    //由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象
    str[i] = eval ("(" + str[i] + ")")


    //控制台检查数据
    console.log(str[i])

}