有一個數組，由我需要遍歷的幾個對象組成（最好使用 forEach 循環，這是練習的范圍）。我需要在屏幕上打印它們的詳細信息（不能只在控制臺上看到它們，這會更直接），并且理想情況下，有工具可以用 CSS 格式化它們。通過實際的 forEach 循環（見下文，try-1），我可以更接近地打印一個完整的 [object Object] 對序列，而無法更深入地檢索數據。我設法打印了每個對象的詳細信息（try-2），但只能通過手動調用每個屬性的繁瑣列表。有沒有辦法循環遍歷對象并以有序的方式檢索其數據并將其打印在屏幕上？提前致謝var bulbasaur = { name: "Bulbasaur", height: 0.7, weight: 6.9, hatchSteps: 5100, types: ["Grass", " Poison"], eggGroups: ["Monster", " Grass"], abilities: ["Chlorophyll", " Overgrow"]};var ivysaur = { name: "Ivysaur", height: 1, weight: 13, hatchSteps: 5100, types: ["Grass", " Poison"], eggGroups: ["Monster", " Grass"], abilities: ["Chlorophyll", " Overgrow"]};var venusaur = { name: "Venusaur", height: 2, weight: 100, hatchSteps: 5100, types: ["Grass", " Poison"], eggGroups: ["Monster", " Grass"], abilities: ["Chlorophyll", " Overgrow"]};var charmander = { name: "Charmander", height: 0.6, weight: 8.5, hatchSteps: 5100, types: ["Fire"], eggGroups: ["Monster", " Dragon"], abilities: ["Blaze", " Solar-power"]};var charmeleon = { name: "Charmeleon", height: 1.1, weight: 19, hatchSteps: 5100, types: ["Fire"], eggGroups: ["Monster", " Dragon"], abilities: ["Blaze", " Solar-power"]};var charizard = { name: "Charizard", height: 1.7, weight: 90.5, hatchSteps: 5100, types: ["Fire", " Flying"], eggGroups: ["Monster", " Dragon"], abilities: ["Blaze", " Solar-power"]};var squirtle = { name: "Squirtle", height: 0.5, weight: 9, hatchSteps: 5100, types: ["Water"], eggGroups: ["Monster", " Water 1"], abilities: ["Rain-dish", " Torrent"]};var wartortle = { name: "Wartortle", height: 1, weight: 22.5, hatchSteps: 5100, types: ["Water"], eggGroups: ["Monster", " Water 1"], abilities: ["Rain-dish", " Torrent"]};var repository = [ bulbasaur, ivysaur, venusaur, charmander, charmeleon, charizard, squirtle, wartortle];(try-1)const keys = Object.entries(repository)keys.forEach(function(item, key) { document.write(repository[key] + '<br>'); document.write(item);});```
forEach 通過對象循環并使用 document.write() 打??；
開滿天機
2021-10-14 14:21:06
