来源 | web前端开发(ID:web_qdkf)
如果给定一个JSON字符串,需要你将JSON字符串转换为JSON对象数组。请问你会怎么做?
此数组包含在JavaScript下从JSON字符串获得的JavaScript对象的值。在这里分享两种解决此问题的方法js字符串转化为数字,供大家学习参考。
方法一
首先使用JSON.Parse()方法将JSON字符串转换为JavaScript对象,然后取出对象的值,然后使用push()方法将其推入数组。
例:
将JSON字符串转换为JSON对象数组
公众号:web前端开发
Click Here
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 + "]";
}
输出结果截图如下:
方法二
方法二也相同,但使用的方法不同。使用eval()方法将JSON字符串转换为JavaScript对象,然后取出对象的值js字符串转化为数字,然后使用push()方法将其推入数组。
例如:
<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>
输出结果截图如下:
本文完〜
限时特惠:本站每日持续更新海量设计资源,一年会员只需29.9元,全站资源免费下载
站长微信:ziyuanshu688
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。