Json到Html（没有第三方库）

Question

我是JSON的初学者，我对此很困惑。

我必须将任何有效的JSON字符串转换为有效的HTML字符串，才能在Web上可视化JSON。

jsonToHtml(“[{‘x’: 1, ‘b’: 2}, {‘x’: 100, ‘b’: 200}]") => “x:1x:100" 

谢谢你们。

Answer 1

首先，您的单引号和双引号字符存在一些问题。它看起来可能是一个复制和粘贴问题。您所展示的JSON是创建对象数组的可接受语法，只需删除包装双引号即可。

使用Chrome的JavaScript控制台粘贴以下：

var myVar = [{'x': 1, 'b': 2}, {'x': 100, 'b': 200}] 
// myVar now contains an array of the two objects. 
// Test it out by attempting to access one of the objects properties. 
myVar[0].b 

UPDATE

如果目标浏览器支持的ECMAScript 5，您可以使用本机JSON.parse功能。

// Your JSON 
var myJson = '[{"x": 1, "b": 2}, {"x": 100, "b": 200}]'; 
// Call our handy function that parses the JSON and set our variable with the parsed results. 
var parsedObject = parseJson(myJson); 
function parseJson(json) { 
    return JSON.parse(json); 
} 

Answer 2

什么this one：基于this post

function htmlEscape(str) { 
    return String(str) 
      .replace(/&/g, '&') 
      .replace(/"/g, '"') 
      .replace(/'/g, ''') 
      .replace(/</g, '&lt;') 
      .replace(/>/g, '&gt;'); 
} 

var jsonString = "[{‘x’: 1, ‘b’: 2}, {‘x’: 100, ‘b’: 200}]"; 
var htmlString = htmlEscape(jsonString); 

。