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

给定一个 JSON字符串，任务是将 JSON字符串转换为 JSON 对象数组。该数组包含在 JavaScript 的帮助下从 JSON字符串获取的 JavaScript 对象的值。有两种方法可以解决这个问题，下面讨论：

方法一：首先使用JSON.Parse() 方法将 JSON字符串转换为 JavaScript 对象，然后取出对象的值并使用push() 方法将它们推送到数组中。

• 例子：

   
   
    
   
       
          How to convert JSON string to array
          of JSON objects using JavaScript?
      
   
    
   
        
       
          GeeksForGeeks 
      
        
      
        
      
          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 + "]";
          }
       
   
    

• 输出：
  

方法2：这个方法也是一样的，只是使用了不同的方法。使用eval() 方法将 JSON字符串转换为 JavaScript 对象，然后取出对象的值并使用push() 方法将它们推送到数组。

• 例子：

   
   
    
   
       
          How to convert JSON string to array
          of JSON objects using JavaScript?
      
   
    
   
        
       
          GeeksForGeeks 
      
        
      
        
      
          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 = eval('(' + JS_Obj + ')');
              var res = [];
                
              for(var i in obj)
                  res.push(obj[i]);
                
              down.innerHTML = "Array of values - ["
                              + res + "]";
          }
       
   
    

• 输出：
  

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照此 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。

HTML 是网页的基础，用于通过构建网站和 Web 应用程序进行网页开发。您可以按照此 HTML 教程和 HTML 示例从头开始学习 HTML。

CSS 是网页的基础，用于通过样式化网站和 Web 应用程序进行网页开发。您可以按照此 CSS 教程和 CSS 示例从头开始学习 CSS。