我有一個回傳物件的變數。這個物件有多個屬性，第一個屬性是多個物件的陣列。我想使用javascript一一訪問它并使用html css和js呈現它。
這是我的物件變數（myObj）。
const myJson = item.message;
const myObj = JSON.parse(myJson);
console.log(myObj);
在第一張圖片中，您可以看到回傳的物件具有 2 個屬性。
在第二張圖片中，我擴展了第一個屬性，它本身就是一個物件陣列。
第一張圖 第二張圖
- 我想一一訪問這些物件并使用 HTML、CSS 和 JS 在表格中列印它們
- 我想根據每個屬性索引而不是其屬性名稱來訪問物件屬性，例如：所有物件鍵都將是表頭，其所有值都將在資料單元格中。我知道我是否想在不使用屬性名稱的情況下執行此操作，例如：obj.id 我必須使用 for 回圈，但我似乎無法正確理解。將不勝感激任何幫助。
uj5u.com熱心網友回復：
這就是我從問題中理解的。
const data = {courseconfig:[{title:'title1', id:'id1'}]};
for(let i = 0; i < data.courseconfig.length; i ){
const objectKeys = Object.keys(data.courseconfig[i]);
for(let j = 0; j < objectKeys.length; j )
console.log(data.courseconfig[i][objectKeys[j]]);
}編輯1：要訪問具有名稱的物件的屬性，您可以使用'.name'或['name']。
編輯 2：添加了新片段
function extractInfo(someArray){
for(let i = 0; i < someArray.length; i ){
const objectKeys = Object.keys(someArray[i]);
for(let j = 0; j < objectKeys.length; j )
console.log(someArray[i][objectKeys[j]]);
}
}
const data = {courseconfig:[{title:'title1', id:'id1'}], filterconfig:[{ title:'title2', id:'id2' }]};
const dataKeys = Object.keys(data);
for(let i = 0; i < dataKeys.length; i ){
if(Array.isArray(data[dataKeys[i]])){
extractInfo(data[dataKeys[i]]);
}
}轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/506186.html
標籤：javascript 数组 目的
下一篇：功能關閉按鈕無法正常作業