Javascript 如何访问此数组以渲染元素?

Javascript 如何访问此数组以渲染元素?,javascript,arrays,Javascript,Arrays,我有一个数组作为计算的结果,它看起来像这样: {"5":3,"12":4,"3":12} 我需要将键和值分开来呈现html元素。这就是我到目前为止所做的: Object.entries(doubleNumbers).map( ([key, value]) => <li>{doubleNumbers[key]} {doubleNumbers[value]}</li> )) Object.ent

我有一个数组作为计算的结果,它看起来像这样:

{"5":3,"12":4,"3":12}
我需要将键和值分开来呈现html元素。这就是我到目前为止所做的:

  Object.entries(doubleNumbers).map(
    ([key, value]) => <li>{doubleNumbers[key]} {doubleNumbers[value]}</li>
))
Object.entries(doubleNumber).map(
([key,value])=>
  • {doubleNumbers[key]}{doubleNumbers[value]}
  • ))

    嗯,结果我只得到3,4,12分。。缺少/错误。

    您可以使用for in-loop。这可以帮助你

    var数据={5:3,12:4,3:12};
    for(数据中的常数d){
    console.log(d,数据[d]);
    
    }
    不确定为什么要引用
    双numner[key]
    等,但下面是如何访问启动的映射中的变量

    let doubleNumbers={5:3,12:4,3:12}
    设li=Object.entries(doublenumber.map)(
    ([key,value])=>`
  • ${key}:${value}
  • ` ) document.getElementById('n')。innerHTML=li.join(“”)

      钥匙是您可以打印的实际钥匙。现在您正在调用DoubleNumber[key]中的值。你只需要把{key}放进去就可以了。不再需要在
    • 标记中使用双数了。只需在那里使用键和值