使用 JSON.parse() 转json字符串为json对象 时报语法错误
今天看了一下,关于拿到table数据转json格式的文章,原本文章拼接用的是++,我想改为es6语法的 `` 模板字符串 ,但出现了语法错误的报错:Uncaught SyntaxError: Unexpected token 张 in JSON at position 16 at JSON.parse
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<table id="tableID">
<tr>
<th>编号</th>
<th>姓名</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
</tr>
</table>
</body>
<script>
(function () {
var tabLen = document.getElementById("tableID");
var obj = "[";//改为 es6语法的话,这里的 "[" 和下面的 "]" 拼接都可以改为 `[` 和 `]`
for (var i = 1; i < tabLen.rows.length; i++) {
obj += //'{"id":' + tabLen.rows[i].cells[0].innerHTML + ',"name":"' + tabLen.rows[i].cells[1].innerHTML+'"},'
//原本的++拼接写法,可以正确显示结果
`{"id":${tabLen.rows[i].cells[0].innerHTML},"name":${tabLen.rows[i].cells[1].innerHTML}},`
//这个是我一开始修改的写法
// ${姓名} 这里是字符串,需要加引号 " "
//正确的写法:
//`{"id": ${tabLen.rows[i].cells[0].innerHTML},"name": "${tabLen.rows[i].cells[1].innerHTML}"},`
}
obj= obj.substr(0, obj.length - 1);
obj += "]";
console.log(obj);
var obj = JSON.parse(obj);
console.log(obj)
})()
</script>
</html>
正确的结果:
报错时的结果:
此时的姓名没有引号 " " ,不是正确的json字符串,因此使用JSON.parse()便出错。
有个比较方便的检验方法,可以把console.log()出来的数据,复制到在线JSON解析。
例如:
我把上面使用es6语法拼接后报错时,未使用JSON.parse()前 打印出来的数据复制到在线JSON解析,结果:
在线JSON解析工具很明确地显示你的错误点在哪。
其实也是很简单的知识点啦。使用JSON.parse()转json字符串为json对象时,要先保证json字符串的格式正确。
<end>