我有一個簡單的 json 文件,其中包含數學運算信息。我想將 json 數據放入 ul 內部,這樣,對象鍵應該是帶有標頭類的標頭,并且它的值應該在每個標頭之后列出。我的腳本文件:{ "Operations":{ " Arithmetic Operations" : ["+", "-", "*", "/"], "Comparision Operations" : ["Equals","Greater than","Greater than equal to","Less than","Less than equal to"] }}fetch('./js/data.json') .then(function (response) { return response.json(); }) .then(function (data) { fetchList(data['Operations']) });fetchList = data => { Object.entries(data).forEach(([key, values]) => { let list; values.forEach(item => { list = `<li class="list">${ item }</li>`; }); const li = `<li class="head">${ key }</li> ${ list } `; console.log(li) document.querySelector('#operations .lists').innerHTML += li });}結果僅顯示每個值的最后一個值<li class="head"> Arithmetic Operations</li><li class="list">/</li><li class="head">Comparision Operations</li><li class="list">Less than equal to</li>
如何在 JavaScript 中使用對象鍵作為標題和值子列表
犯罪嫌疑人X
2023-07-14 17:25:00