从数组格式的字符串创建Javascript数组

Question

I'm getting a string (which has array markup) from a CMS but it is not being recognized as an array by javascript

// Example of how data comes from CMS
var data = [ ["<div class='example'><h2>University</h2><hr><p>Lorem Ipsum</p></div>", 13.3851, -2.2568, "/example.png"],       
["<div class='example2'><h2>University Two</h2><hr><p>Lorem Ipsum Example</p></div>", -3.3851, -22.2568, "/examplenow.png"], ] ;

// where I need data as array
googlelocations = data;

when I log data I get:

0: "[\"<div class='example'><h2>University</h2><hr><p>Lorem Ipsum</p></div>\", -3.3851, -22.2568, \"/example.png\"],\r\n[\"<div class='example2'><h2>University Two</h2><hr><p>Lorem Ipsum Example</p></div>\", -3.3851, -22.2568, \"/examplenow.png\"],"

​ length: 1 How do I get the var data to be an array of the above info?

Answer 1

Assuming you are getting

["<div class='example'><h2>University</h2><hr><p>Lorem Ipsum</p></div>", 13.3851, -2.2568, "/example.png"],       
["<div class='example2'><h2>University Two</h2><hr><p>Lorem Ipsum Example</p></div>", -3.3851, -22.2568, "/examplenow.png"],

from the CMS as something like @DATA.

You need to wrap these Arrays into an Array of Arrays in order for them to be properly assigned into the data variable.

var data = [ @DATA ];

Answer 2

To parse that response, that seems to be an array, you could use JSON.parse() , in such a case you need to build a valid array or js object. In this case adding [ ] solves the issue, but it depends on how is exactly the response.

 var data = "[\\"<div class='example'><h2>University</h2><hr><p>Lorem Ipsum</p></div>\\", -3.3851, -22.2568, \\"/example.png\\"],\\r\\n[\\"<div class='example2'><h2>University Two</h2><hr><p>Lorem Ipsum Example</p></div>\\", -3.3851, -22.2568, \\"/examplenow.png\\"]" data = JSON.parse("["+data+"]") console.log(data) 

If you want just the values, you could do instead, something like:

 var data = "[\\"<div class='example'><h2>University</h2><hr><p>Lorem Ipsum</p></div>\\", -3.3851, -22.2568, \\"/example.png\\"],\\r\\n[\\"<div class='example2'><h2>University Two</h2><hr><p>Lorem Ipsum Example</p></div>\\", -3.3851, -22.2568, \\"/examplenow.png\\"]" data = data.split(",") var latLong = [data[1],data[2],data[5],data[6]] console.log(latLong)