使用 JSON.parse() 转json字符串为json对象时报语法错误

解决JSON.parse()报语法错误的问题

最新推荐文章于 2025-07-29 11:01:15 发布

原创最新推荐文章于 2025-07-29 11:01:15 发布 · 2.2w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#JSON.parse()

每天总结专栏收录该内容

10 篇文章

订阅专栏

在尝试使用JSON.parse()将非标准的json字符串转换为json对象时，遇到'Unexpected token'的语法错误。错误源于姓名字段缺少双引号。确保json字符串格式正确是避免该错误的关键，可以使用在线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校验格式化工具测试

[{
		"id": 1,
		"name": "张三"
	},
	{
		"id": 2,
		"name": "李四"
	},
	{
		"id": 3,
		"name": "王五"
	}
]

其实也是很简单的知识点啦。使用JSON.parse()转json字符串为json对象时，要先保证json字符串的格式正确。

<end>

使用 JSON.parse() 转json字符串为json对象 时报语法错误

使用 JSON.parse() 转json字符串为json对象时报语法错误