小编Fun*_*nge的帖子

找到对象中的最高值键,然后将其发布到innerHTML

我有一个对象,我正在计算测验问题的结果.

var answerData = {
    "Ninja": { score: 4 },
    "Robot": { score: 1 },
    "Pirate": { score: 7 },
    "Zombie": { score: 2 }
}
Run Code Online (Sandbox Code Playgroud)

我想确定哪个属性最高然后将结果发布到页面.

我在stackoverflow上发现了一篇帖子,建议使用object.reduce()来获得最终结果.我无法让它返回'pirate'的最高值,而是返回'zombie'的最后一个值.

  function finalResults {
        theAnswer = Object.keys(answerData).reduce(function(a, b){ return answerData[a] > answerData[b] ? a : b });

        document.getElementById("finalResulthere").innerHTML = "<p>Congratulations you are a " + theAnswer +".</p>";
}
Run Code Online (Sandbox Code Playgroud)

然后发布到

<div id="results">
  <div id="finalResulthere"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的另一个想法是运行链式IF语句,比较每个对象键的值.这似乎更整洁......

javascript loops object

2
推荐指数
1
解决办法
112
查看次数

标签 统计

javascript ×1

loops ×1

object ×1