将字符串数组值转换为数组对象

Question

我将一个字符串传递到页面上的一个隐藏字段中，然后分割它以尝试获取可迭代的项目数组，并将多个标记添加到Google地图上。如果我硬编码数组，它的工作正常，但如果我尝试拆分字符串并使用相同的代码，它不起作用。我假设，因为分割字符串创建一个字符串数组而不是数组对象。当我分割字符串时，数组以“['Smith Company'，33.61678，-111.90017]”结尾，并用双引号括起来。我将如何转换这些项目，以便我可以像硬编码值一样使用它？

我在代码后面的StringBuilder中添加方括号，单引号和垂直条。使用C＃，如果它会有所作为。我没有这样做，但仍然绿色与JavaScript，所以这是我最初的解决方案。我最初的字符串看起来像”

"['Jones Company', 26.16683, -98.23342]|['Smith Company', 33.61678, -111.90017]|['Bob Company', 29.70008, -98.03347]|['Blue Company', 37.71675, -122.21672]|['Red Company', 42.46692, -114.48342]" 

感谢。

function initialize() { 
     var myOptions = { 
      zoom: 4, 
      center: new google.maps.LatLng(26.16683, -98.23342), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 

     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

     //What I try to use when the hard coded is commented out 
     var myString = document.getElementById('hdnString').value; 
     var myItems = new Array(); 
     myItems = myString.split("|"); 

     //Hard coded items that I comment out when trying the above 
     var myItems = [ 
      ['Jones Company', 26.16683, -98.23342], 
      ['Smith Company', 33.61678, -111.90017], 
      ['Bob Company', 37.71675, -122.21672], 
      ['Blue Company', 42.46692, -114.48342], 
      ['Red Company', 36.58339, -121.8335] 
     ]; 

      // Add markers to the map 
      for (var i in myItems){ 
       var myLatLng = new google.maps.LatLng(myItems[i][1], myItems[i][2]); 
       var marker = new google.maps.Marker({ 
        position: myLatLng, 
        map: map, 
        title: myItems[i][0] 
       }); 
      } 
     } 

Answer 1

你将不得不使用eval()转换的数组实际的JavaScript数组的字符串表示形式。

此代码应该工作：

var myString = document.getElementById('hdnString').value; 
var myItems = []; 
var rawItems = myString.split("|"); 

for (var i=0; i<rawItems.length; i++){ 
    myItems.push(eval(rawItems[i])); 
} 

请注意，除了eval is evilwhen it's not。

Answer 2

在你的情况下，它不会分裂工作，因为分裂产生你简单的数组，而你硬编码的情况下，你使用。阵列阵列，这是轻微的不同所有你必须做的是确定另一个分隔符为每个记录和第一分裂通过它，只有再由分裂“|”

我的意思是：

var string = "first record|valueA|valueB;second record|valueA|valueB"; 
var firststep = string.split(";"); 
for (var tmp in firststep) 
{ 
    secondstep = tmp.split("|"); 
    //secondstep[0] = first record; secondstep[1] = valueA and etc... 
} 

Answer 3

你可以做的

var myItems = myString.split("|"); 

代替

var myItems = new Array(); 
myItems = myString.split("|"); 

为分割函数会返回一个字符串数组。如果你可以发布hdnString的值，我可以进一步提供帮助，但是看看你的代码，你需要一个数组数组。

编辑：

假设

hdnString = "'Jones Company', 26.16683, -98.23342| 
      'Smith Company', 33.61678, -111.90017| 
      'Bob Company', 37.71675, -122.21672| 
      'Blue Company', 42.46692, -114.48342| 
      'Red Company', 36.58339, -121.8335|"; 

像下面将让你的阵列

var myItems = hdnString.split("|"); 
for(var i = 0; i< myItems.length; i++) 
    myItems[i] = myItems[i].split(","); 

Answer 4

您可能要尝试在隐藏字段中使用JSON格式的文本。然后，您可以将JSON解析为真正的JavaScript对象。如果我理解你的隐藏字段正确，你将只需要一个字符串，它看起来像

<input id="myItemList" type="hidden" value="{'myItems' = [ 
      ['Jones Company', 26.16683, -98.23342], 
      ['Smith Company', 33.61678, -111.90017], 
      ['Bob Company', 37.71675, -122.21672], 
      ['Blue Company', 42.46692, -114.48342], 
      ['Red Company', 36.58339, -121.8335] 
     ]}"/> 

然后在javascript：

// this is an array 
var myItems = JSON.parse(document.getElementById("myItemList").value)["myItems"];