第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在 JavaScript 中使用對(duì)象鍵作為標(biāo)題和值子列表

如何在 JavaScript 中使用對(duì)象鍵作為標(biāo)題和值子列表

犯罪嫌疑人X 2023-07-14 17:25:00
我有一個(gè)簡單的 json 文件,其中包含數(shù)學(xué)運(yùn)算信息。我想將 json 數(shù)據(jù)放入 ul 內(nèi)部,這樣,對(duì)象鍵應(yīng)該是帶有標(biāo)頭類的標(biāo)頭,并且它的值應(yīng)該在每個(gè)標(biāo)頭之后列出。我的腳本文件:{  "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  });}結(jié)果僅顯示每個(gè)值的最后一個(gè)值<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貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊

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

  1. 代替:=

  2. 附加:+=

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

let list = "";

values.forEach(item => {

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

});

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


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但你已經(jīng)實(shí)現(xiàn)了one。



查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 1 回答
  • 0 關(guān)注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)