JavaScriptオブジェクトから値をランダムに選択

Question

オブジェクトからランダムな値（プロパティとそのキー）を選択し、それぞれを特定のdivに追加するにはどうすればよいですか？

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

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

Answer 1

あなたは、あなたが簡単にランダムに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>