解析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"] 

Answer 2

for (var i = 0; i < images.length; i++) { 
    var image = images[i]; 
} 

Answer 3

對於初學者循環：

images = ["one.jpg", "two.jpg"];是一個數組，你是無效的。

把它讀回給你

for(image in images) 
    console.log(images[image]); 

或jQuery的方式

$.each(images, function(index){ 
     console.log(images[index]); 
}); 

如果你需要再拆 但是那是當然的，如果串看起來像一個字符串這

var img = '["one.jpg", "two.jpg"]'; 

var images = img.replace(/\[|\]|"| /g,'').split(','); 

這將給你一個數組從字符串th看起來像一個數組。

Answer 4

不要把這種字符串放在屬性中，你可以只用一個逗號分隔的字符串。 （你可以使用數據屬性。）

例如：

<a id="foo" data-images="one.jpg,two.jpg">foo</a> 

，那麼你可以用得到它：

var imgList = $('#foo').data('images').split(','); 

Answer 5

給這個join()method一試：

images.join(); 

=> "one.jpg,two.jpg" 

images.join(", "); 

=> "one.jpg, two.jpg" 

編輯：來聲明Array：

var images = ["img1", "img2", "img3"]; 

或

var images = new Array("img1", "img2", "img3"); 

然後你可以使用join()方法，如果仍然不行，請嘗試following：

// should be true, if not then you don't have an Array 
var isArray = (images instanceof Array);