如何将JavaScript中的JSON字符串转换为JSON对象数组？

最新推荐文章于 2024-03-03 13:07:19 发布

web前端开发V

最新推荐文章于 2024-03-03 13:07:19 发布

阅读量1.4w

点赞数

文章标签：字符串 js json javascript qml

来源 | 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>

输出结果截图如下：

本文完〜

web前端开发V

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
如何将JavaScript中的JSON字符串转换为JSON对象数组？

来源 | web前端开发（ID：web_qdkf)如果给定一个JSON字符串，需要你将JSON字符串转换为JSON对象数组。请问你会怎么做？此数组包含在JavaScript下从JSON字...
复制链接

扫一扫