Question

我是Javascript的新手，我试图显示一个对象数组。我无法真正实现它。因为数组中的对象数不止一个，每个对象有2个属性。例如

var person = {
    firstName : "John",
    lastName  : "Doe",
    age       : 50,
    eyeColor  : "blue"
};

var person1 = {
    firstName : "Ben",
    lastName  : "",
    age       : 44,
    eyeColor  : "brown"
};
var people = [];

people.push(person);
people.push(person1);

现在，如果我想打印＆＃34;名字＆＃34;那我该怎么做的脚本和html文件的正文？提前致谢

Answer 1

您可以访问person.firstName person.lastName等对象的属性。

现在考虑到它们在一个数组中，你需要先写一个循环，直到数组的长度（人数）

for(var i=0; i< people.length; i++)

在此循环中，您可以访问人员及其属性，如：

people[i].firstName

所以你的完整工作代码应该是：

var person = { firstName : "John", lastName : "Doe", age : 50, eyeColor : "blue" };

var person1 = { firstName : "Ben", lastName : "", age : 44, eyeColor : "brown" }; 
var people = [];

people.push(person); people.push(person1);


for(var i=0; i<people.length; i++){
  document.write(people[i].firstName + "<br>");
  document.write(people[i].lastName + "<br>");
  document.write(people[i].age + "<br>");
  document.write(people[i].eyeColor + "<br>");
}

使用document.write显示结果，<br>用于换行。

Answer 2

要在div中插入值，您可以使用innerHTML，例如http://jsfiddle.net/w5b5drnr/1/并使javascript代码有效，您应该在所有内容准备就绪后将其插入页面底部：）

var people = [];

var result = document.getElementById('result');
var person = { firstName : "John", lastName : "Doe", age : 50, eyeColor : "blue" };
var person1 = { firstName : "Ben", lastName : "", age : 44, eyeColor : "brown" }; 

people.push(person); 
people.push(person1);

for(var i =0; i< people.length; i++){
    result.innerHTML += people[i].firstName + '<br/>';
}

Answer 3

以下代码将打印汽车1

<p id="demo"></p>

<script>
var cars = ["Car1", "Car2", "Car3"];
document.getElementById("demo").innerHTML = cars[0];
</script>

</body>
</html>

打印javascript对象数组

3 个答案: