Question

我试图通过使用循环将我的对象中的每个键显示为我在HTML中创建的空ul中的li。但目前我在页面上没有得到任何结果，我使用的是正确的方法吗？

var myObject = { name: "nick", age: 20, gender: "male", alive: true };

for ( var i = 0; i <  Object.keys(myObject).length ; i++ ) {
     $('ul').append("<li>"myObject(i)"</li>");
}

在我的html页面上，我有一个emmpty ul。

<ul></ul>

Answer 1

尝试至少尽可能地更改代码，这是一个解决方案：

var myObject = { name: "nick", age: 20, gender: "male", alive: true };

var keys = Object.keys(myObject);
for ( var i = 0; i < keys.length ; i++ ) {     
   $('ul').append("<li>" + key[i] + "</li>");
}

如您所见，我们以任何其他数组遍历keys。

干杯

Answer 2

使用for..in循环遍历对象中的属性。 for..in循环遍历对象中的属性。在下面的循环中，每个属性都分配给x。

var myObject = { name: "nick", age: 20, gender: "male", alive: true };
var html = "";

for(x in myObject){
   if (myObject.hasOwnProperty(x)) {
      html += "<li>" + myObject[x] + "</li>"
   }
}

$("ul").append(html);

JS小提琴： http://jsfiddle.net/mT4P2/1

将对象中的所有键附加到ul jquery

2 个答案: