2014-10-02 148 views
-2

我是Javascript新手,我试图显示一个对象数组。我无法真正做到这一点。因为数组中的对象数不止一个,每个对象都有两个属性。 如打印一个对象数组javascript

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); 

现在,如果我要打印的“名字”,那么我应该对脚本和HTML文件的主体呢? 在此先感谢

+4

尝试使用Google。它是一种在因特网上找到东西的工具(因特网是计算机网络)。 – GuyT 2014-10-02 09:15:10

回答

-1

下面的代码将打印车1

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

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

</body> 
</html> 
1

你访问一个对象的属性一样person.firstNameperson.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>用于换行。

0

对于一个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/>'; 
}