从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()

Answer 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>