javascript - 解析 JavaScript 数组

Question

我有一个数组作为链接上的属性。

这是数组

images="["one.jpg","two.jpg"]"

我如何解析这个数组并将其读回给我 one.jpg,two.jpg？

这就是我现在正在做的事情，它给了我一个错误。我不认为这里需要 json 解析。

var imgs = $("#"+number).attr("images");
var imgList = jQuery.parseJSON(imgs);

编辑:实际代码

var number = $(this).attr("data-id");

var url = $("#"+number).attr("url");
$(".portfolio-url").html("<h3 class='pacifico'>url</h3><p><a href='http://"+url+"' target='_blank'>"+url+"</a></p>");

var cli = $("#"+number).attr("client");
$(".portfolio-client").html("<h3 class='pacifico'>client</h3><p>"+cli+"</p>");

var pgs = $("#"+number).attr("pages");
pgs = pgs.replace(/\[/g,"");
pgs = pgs.replace(/\]/g,"");
pgs = pgs.replace(/\"/g,"");
var pages = new Array();
pages = pgs.split(",");

var img = $("#"+number).attr("images");
img = img.replace(/\{/g,"");
img = img.replace(/\}/g,"");
img = img.replace(/\"/g,"");
var images = new Array();
images = img.split(",");

var portSkills = "<h3 class='pacifico'>skills</h2>";
portSkills += "<p>";
for (i=0;i<pages.length;i++) {
if (pages[i] != "Clients") {
var finalPage = "";
for (j=0;j<pages[i].length;j++)
{
var ch = pages[i].charAt(j);
if (ch == ch.toUpperCase()) {
finalPage += " ";
}
finalPage += pages[i].charAt(j);
}
portSkills += finalPage+"<br />";
}
}
portSkills += "</p>";
$(".portfolio-skills").html(portSkills);

var imgs = $("#"+number).attr("images");
var imgList = jQuery.parseJSON(imgs);

基本上，它循环参数

Answer 1

我鼓励您将属性值格式修改为以下内容:

<div id="one" data-images="file1.jpg,file2.jpg">Foo, Bar</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

请注意，此处我使用了有效的 data- 属性，该属性的值只是逗号分隔的文件名列表。无需将 [ 或 ] 放入该值中即可获取数组。

现在，获取您的数组:

var images = $("#one").data("images").split(",");

这会产生以下数组:

["file1.jpg", "file2.jpg"]