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

Tempo lv.1

发布时间：2022-11-25 07:04:31 289

相关标签： # 前端# html# webkit# json

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

如果给定一个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>

输出结果截图如下：

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

方法二

方法二也相同，但使用的方法不同。使用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>

输出结果截图如下：

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

本文完〜

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

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

文章来源： https://blog.51cto.com/u_15809510/5874136

特别声明：以上内容（图片及文字）均为互联网收集或者用户上传发布，本站仅提供信息存储服务！如有侵权或有涉及法律问题请联系我们。