js将数组字符串转换成数组

项目中遇到后端返回给我们一个数值形式的字符串时，如何将它转换成数组并取出我们所需要的值呢？
假如后端给我返回如下格式的数据：

// 后台返回的数据
"person":["[
{\"xm\": \"张三\""," \"sex\": \"1\""," \"age\": \"16\""," \"cars\": \"吉利\"}","
{\"xm\": \"李四\""," \"sex\": \"2\""," \"age\": \"17\""," \"cars\": \"大众\"}","
{\"xm\": \"王五\""," \"sex\": \"2\""," \"age\": \"18\""," \"cars\": \"现代\"}","
{\"xm\": \"赵六\""," \"sex\": \"1\""," \"age\": \"20\""," \"cars\": \"丰田\"}]"]

json结构，person的值为一个数组包裹的字符串数组，内层数组又包含4个为对象的值，仔细一看，内层数组早已被分成了多个字符串
转换一下：

// 
var pers=["[{\"xm\": \"张三\""," \"sex\": \"1\""," \"age\": \"16\""," \"cars\": \"吉利\"}","
{\"xm\": \"李四\""," \"sex\": \"2\""," \"age\": \"17\""," \"cars\": \"大众\"}","
{\"xm\": \"王五\""," \"sex\": \"2\""," \"age\": \"18\""," \"cars\": \"现代\"}","
{\"xm\": \"赵六\""," \"sex\": \"1\""," \"age\": \"20\""," \"cars\": \"丰田\"}]"]

试着打印出 pers[0]
js将数组字符串转换成数组
我们还需要解析一下：
pers.join()

已经能看出这是一个数组形式的字符串了，接下来就是要将这个字符串转换为数组，简单的说就是要去掉两端的引号，有两种方法
1.使用JSON.parse()
这个方法可以把 json 字符串转换成 javascript对象。
2.使用eval() 函数
结果最后如下：
js将数组字符串转换成数组
这里有一个问题需要注意，有人会问
为什么eva要添加括号呢？

查了资料
原因：eval本身的问题。由于json是以{}的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象，而不是作为语句(statement)来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。

// eval()
console.log(eval("{}")); // undefined 
console.log(eval("({})");// object[Object]

js将数组字符串转换成数组

js将数组字符串转换成数组

相关推荐