javascript - 在 javascript/jQuery 中加入字典列表中的元素？

Question

例如，我有一个这样的列表:

[{species: "cat", weight: 100}, 
 {species: "dog", weight: 120}, 
 {species: "bird", weight: 20}]

现在我想把它转换成类似的东西

(1) cat, dog, bird

(2) <ul><li>cat</li><li>dog</li><li>bird</li></ul>

我发现 Javascript 有一个 join数组的方法，但我想知道 jQuery 或 Javascript 中是否有一种方便的方法可以从字典列表中提取元素。有人对此有想法吗？

Answer 1

在此上下文中尝试使用 $.each() 来迭代包含对象的数组，

var array = [{species: "cat", weight: 100}, 
 {species: "dog", weight: 120}, 
 {species: "bird", weight: 20}];

var ul = $('<ul>');
$.each(array,function(i,val){
  ul.append($('<li>',{text:val.species}));
})

$('body').append(ul);

DEMO