从 JavaScript 对象中随机选择值

Question

如何从对象中选择随机值（属性及其键）并将每个值附加到特定的 div？

    <div id="propertydiv"></div>
    <div id="valuediv"></div>

var student = {
                    name : "John Doe",
                    age : "28",
                    gender : "Male"
                };

Answer 1

如果你把对象的键放在一个数组中，那么你可以很容易地随机选择一个，可能是这样的：

var student = { name : "John Doe", age : "28", gender : "Male" };

var keys = Object.keys(student);
var randomKey = keys[Math.floor(Math.random()*keys.length)];
var randomValue = student[randomKey];

document.getElementById("propertydiv").innerHTML = randomKey;
document.getElementById("valuediv").innerHTML = randomValue;

<div id="propertydiv"></div>
<div id="valuediv"></div>

（多次运行上面的代码片段以查看随机行为。）

进一步阅读：

• Object.keys()
• Math.random()
• Math.floor()