javascript - 使用 JSON.parse 时，我在位置 1 处收到 JSON 中的 "SyntaxError: Unexpected token '

Question

我在访问 myView.js 上的列表 param = ['foo','bar'] 时遇到问题。

JS 代码将 param 视为字符串，但是当我尝试 JSON.parse(param) 时，出现如下错误。

我在这里缺少什么？

myView.html:

    <script>
    window.obj = {};
    obj.param = "{{ param | safe }}";
    </script>

views.py:

    def myView(req):
        context = {'param':['foo','bar']}
        return render(req, 'myView.html', context)

myView.js:

$(document).ready(function() {

      console.log(window.obj.param); //prints ['foo','bar']
      console.log(window.obj.param[0]); //prints [
      console.log(JSON.parse(window.obj.param)); // Uncaught SyntaxError: Unexpected token ' in JSON at position 1

      //what I need to happen
      console.log(param[0]); // prints 'foo'
});

Answer 1

json 格式仅允许双引号(token ' in JSON at position 1)，带有单引号的字符串不是有效的 json 格式，因此如果您尝试解析它，您将收到错误，如此处所示

function safeParse(param){
    try {
        console.log(JSON.parse(param))
    } catch (e) {
        console.log("there was an issue with parsing your string")
    }
}
safeParse("['foo','bar']");
safeParse('["foo","bar"]');