从 JavaScript 对象中随机选择值答案

【问题标题】：randomly select value from a JavaScript object从 JavaScript 对象中随机选择值
【发布时间】：2017-05-04 03:05:04
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript html

【解决方案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>

（多次运行上面的 sn-p 以查看随机行为。）

进一步阅读：

【讨论】：

【解决方案2】：

您可以将它用于对象数组，例如...

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

<script>
var student = [
                { name : "John Doe", age : "28", gender : "Male" },
                { name : "Nazmul", age : "22", gender : "Male"},
                { name : "Nadir", age : "6", gender : "Male"}
              ];

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

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

</script>

【讨论】：