亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 JavaScript 中使用對象鍵作為標題和值子列表

如何在 JavaScript 中使用對象鍵作為標題和值子列表

犯罪嫌疑人X 2023-07-14 17:25:00
我有一個簡單的 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>
查看完整描述

1 回答

?
Smart貓小萌

TA貢獻1911條經驗 獲得超7個贊

既然沒有騙子,那我就來回答一下吧。這里有兩件事。

  1. 代替:=

  2. 附加:+=

你所做的就是替換。您需要做的是附加。您的解決方案是:

let list = "";

values.forEach(item => {

  list += `<li class="list">${ item }</li>`;

});

向您展示正在發生的情況的示例片段如下:


var arr = ["One", "Two", "Three"];


var one = "";

arr.forEach(function (a) {

  one = a;

});

console.log(one);


var two = "";

arr.forEach(function (a) {

  two += a;

});

console.log(two);

one我希望您能夠理解上述變量和 的情況two。你正在尋找,two但你已經實現了one。



查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號