javascript 将字符串解析为对象或 JSON

Question

我希望能够在 html 元素中定义一个哈希对作为属性，然后将其解析为一个对象，以便由 javascript 处理。

示例：

<div id="test" mydata="{'xkey':'xval','ykey':'yval'}">

<script>
var mydata = JSON.parse($('#test').attr('mydata'));
console.log(mydata.xkey);
</script>

但问题是它没有被转换为对象并且输出未定义。

我怎样才能做到这一点？？

Answer 1

使用双引号代替，将键和字符串值括起来：

mydata='{"xkey":"xval","ykey":"yval"}'

演示： http://jsfiddle.net/reAtQ/

如果你必须保留环绕双引号，你可以编码内部的：

mydata="{"xkey":"xval","ykey":"yval"}"

演示： http://jsfiddle.net/reAtQ/1/

或者，你可以replace所有单引号加双引号再解析：

var mydata = JSON.parse($('#test').attr('mydata').replace(/'/g, '"'));

演示： http://jsfiddle.net/reAtQ/2/

虽然请注意，如果任何键/值包含单引号，它们将被无意中替换。

参考：

• in JSON, Why is each name quoted?