如何将JavaScript中的JSON字符串转换为JSON对象数组?
json
适用于现代 C++ 的 JSON。
项目地址:https://gitcode.com/gh_mirrors/js/json
免费下载资源
·
来源 | web前端开发(ID:web_qdkf)
如果给定一个JSON字符串,需要你将JSON字符串转换为JSON对象数组。请问你会怎么做?
此数组包含在JavaScript下从JSON字符串获得的JavaScript对象的值。在这里分享两种解决此问题的方法,供大家学习参考。
方法一
首先使用JSON.Parse()方法将JSON字符串转换为JavaScript对象,然后取出对象的值,然后使用push()方法将其推入数组。
例:
<!DOCTYPE HTML> <html> <head> <title> 将JSON字符串转换为JSON对象数组 </title> </head> <body style = "text-align:center;"> <h1 style = "color:#1ab1cc;" > 公众号:web前端开发 </h1> <p id = "GFG_UP"></p> <button onclick = "myGFG()"> Click Here </button> <p id = "GFG_DOWN"></p> <script> var up = document.getElementById("GFG_UP"); var JS_Obj = '{"prop_1":"val_1", "prop_2":"val_2", "prop_3" : "val_3"}';
up.innerHTML = "JSON string - '" + JS_Obj + "'";
var down = document.getElementById("GFG_DOWN");
function myGFG() { var obj = JSON.parse(JS_Obj); var res = [];
for(var i in obj) res.push(obj[i]);
down.innerHTML = "Array of values - [" + res + "]"; } </script> </body> </html>
输出结果截图如下:
方法二
方法二也相同,但使用的方法不同。使用eval()方法将JSON字符串转换为JavaScript对象,然后取出对象的值,然后使用push()方法将其推入数组。
例如:
<!DOCTYPE HTML> <html>
<head> <title> 将JSON字符串转换为JSON对象数组 </title> </head>
<body style = "text-align:center;">
<h1 style = "color:#1ab1cc;" > 公众号:web前端开发 </h1>
<p id = "GFG_UP"></p>
<button onclick = "myGFG()"> Click Here </button>
<p id = "GFG_DOWN"></p>
<script> var up = document.getElementById("GFG_UP");
var JS_Obj = '{"prop_1":"val_1", "prop_2":"val_2", "prop_3" : "val_3"}';
up.innerHTML = "JSON string - '" + JS_Obj + "'";
var down = document.getElementById("GFG_DOWN");
function myGFG() { var obj = eval('(' + JS_Obj + ')'); var res = [];
for(var i in obj) res.push(obj[i]);
down.innerHTML = "Array of values - [" + res + "]"; } </script> </body>
</html>
输出结果截图如下:
本文完〜
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e
4 个月前
8c391e04
7 个月前
更多推荐
已为社区贡献12条内容
所有评论(0)