JavaScriptでランダムかつ優先度を設定して値を複数取得する方法

Question

JavaScriptでランダムかつそれぞれの値に表示される確率を設定して値を複数取得できる手段を教えて頂きたいです。

<input type="text" id="category1" value="あいうえお">
<input type="text" id="category2" value="かきくけこ">
<input type="text" id="category3" value="さしすせそ">
<input type="text" id="category4" value="なにぬねの">
<input type="text" id="category5" value="はひふへほ">
<input type="text" id="category6" value="まみむめも">
<input type="text" id="category7" value="やゆよ">
<input type="text" id="category8" value="らりるれろ">
<input type="text" id="category9" value="わをん">

例えば、イメージとして上記に入力された9つの値の中からランダムで2つ取得するときに、取得される確率をcategory1,category2を70%、category3,category4を50%、category5を30%、それ以外は20%と設定し、ランダムで優先順位をもちながら2つ値を取得といった感じです。
これをJSで実装したいです。

よろしくお願いします

Comments

[Lhankor_Mhy]

ご提示の確率は合計100%超えていると思うのですが、何に対しての確率でしょうか。また、優先順位とはどのように定義されていますか？

[alfa]

確かにご指摘のとおり、何に対する確率かの明記が不十分でした。イメージとしてはcategory1~9を順番に見て行って、表示するかしないかを選択するとき70%の確率で表示し、30％の確率で表示しない、これをcategory3では表示する確率50％、しない確率50％といったように最後までみていくイメージでした。これが上記での確率のイメージで、優先順位とは確率の高い先述の確率が高いほど二つ取得されるうちの1つに入るというイメージです。しかしそもそも表題の処理を実装したいときにもっといい手段がないとも言えない気がするので、ほかの方法でアイデアがあった場合も頂きたいです。宜しくお願いします。

[yambejp]

つまりそれぞれのカテゴリは他に影響されず、自らの指定された確率で表示をしたりしなかったりするのですね？場合によっては表示が１個もなかったり、9個全部が表示されてもよいということで？

[alfa]

上記の例で行くと、9個のうち2個をランダムで取ってくるイメージです。その出力される2個を選ぶのにさらに優先順位をつけたいといった感じです。

[masaya_ohashi]

その優先順位は絶対なのでしょうか？1〜9まで全部ヒットしてしまって9個当たりが出たとしても、表示するのは「必ず」優先順位で上から1と2のものだけですか？

[Lhankor_Mhy]

低い確率ですが0個あるいは1個しか選択されないことがありうると思いますが、その時は不足のままでいいですか？

[alfa]

優先順位に関しては絶対表示するのではなく、あくまで表示される確率が高くなるという意味での優先順位を想定しています。

[alfa]

もし仮に0～1個になった場合でも大丈夫です。

[masaya_ohashi]

＞あくまで表示される確率が高くなる　それならば優先順位にも確率を付けていただかないと仕様が足りないかと思います。

[think49]

「9つの値の中からランダムで2つ取得する」とありますが、要件をまとめると「ランダムで0～9個表示する」になっていて矛盾があるように思われます。

[alfa]

仕様の伝え方が曖昧だった点申し訳ありませんでした。。。こちらの件ひとまずベストアンサーに選ばせて頂いたもので解決しました。

Answer 1

正直なところ仕様がふわふわしすぎているので正解なんてないと思います。が、私なりにこれは「モンスターが落とすドロップアイテムの仕組み」なのではないかと解釈して、こうまとめました。

• モンスターが落とすアイテムの種類が9種類ある
• モンスターは同時に最大2個しかアイテムを落とさない
• 9種類のアイテムにはそれぞれ「落ちるか落ちないか」の確率が設定されている
• 1匹倒すごとに9種類のアイテムそれぞれが「落ちるか落ちないか」の判定がされる
• 3種類以上当たってしまった場合、「もともと設定されている確率が一番高いもの」が優先的に1個確定し、もう1個は？？？？？

このもう1個の部分をどうするかがいまのところはっきりしていませんので、単純に等分の確率で選べばいいのではないでしょうか。

https://jsfiddle.net/2zo2s8g0/1/

<button id="lotteryButton">
抽選
</button>
<h3>
ひとまず全部抽選
</h3>
<div id="pickups">

</div>
<h3>
優先度によって2個まで削減したもの
</h3>
<div id="output">

</div>

var table = [
	{categoryName:"category1", percentage:70, value:"あいうえお"},
	{categoryName:"category2", percentage:70, value:"かきくけこ"},
	{categoryName:"category3", percentage:50, value:"さしすせそ"},
	{categoryName:"category4", percentage:50, value:"なにぬねの"},
	{categoryName:"category5", percentage:30, value:"はひふへほ"},
	{categoryName:"category6", percentage:20, value:"まみむめも"},
	{categoryName:"category7", percentage:20, value:"やゆよ"},
	{categoryName:"category8", percentage:20, value:"らりるれろ"},
	{categoryName:"category9", percentage:20, value:"わをん"}
];
function lottery() {
  document.getElementById("pickups").innerHTML = "";
  document.getElementById("output").innerHTML = "";
  var pickup = [];
  for(var index in table) {
    var data = table[index];
    if(data.percentage > Math.random() * 100) {
      // あたり
      pickup.push(data.value);
      document.getElementById("pickups").innerHTML += data.value + "<br>";
    }
  }
  if(pickup.length > 2) {
    pickup = [pickup[0], pickup[Math.floor(Math.random() * (pickup.length - 1)) + 1]];
  }
  for(var index in pickup) {
    document.getElementById("output").innerHTML += pickup[index] + "<br>";
  }
}

document.getElementById("lotteryButton").addEventListener("click", lottery);

Comments

[alfa]

ありがとうございます！

Answer 2

一応、ご希望の仕様どおり書いてみましたが、これでよろしいでしょうか。

var settings = [
  {"id":"category1", ratio:0.7},
  {"id":"category2", ratio:0.7},
  {"id":"category3", ratio:0.5},
  {"id":"category4", ratio:0.5},
  {"id":"category5", ratio:0.3},
  {"id":"category6", ratio:0.2},
  {"id":"category7", ratio:0.2},
  {"id":"category8", ratio:0.2},
  {"id":"category9", ratio:0.2},
];
console.log(
  settings.filter(
    e => e.ratio > Math.random()
  ).slice( 0, 2 ).map(
    e => document.getElementById(e.id).value 
  )
);

Comments

[alfa]

ありがとうございます！

Answer 3

9個中2個えらぶならパーセントという表記はおかしいと思います。
category1~9までたんに7:7:5:5:3:2:2:2:2で表示すればいいのですね？
であれば合計35ですからそれぞれの値の範囲をきめることは可能です。
1つ目の値を取った後残りの値の比率をもとに再抽選すればよいでしょう

Comments

[alfa]

ありがとうございます！