2014-10-02 149 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/>'; 
}