5件までは1行で6件以降は複数行の式（リストの作り方？）

Question

前提・実現したいこと

flexbox で1行に最大5件 6件以降の場合は複数行にて表示するものを作ろうと思っているんですが、式が浮かばなくて教えて欲しいです。

やりたいこと例
5件
[12345]

6件
[123]
[456]

7件
[1234]
[567-]

8件
[1234]
[5678]

11件
[1234]
[5678]
[9⑩⑪-]
のようにできるだけ均一？にしたいです。

js で書いてますが、こういう式を使えば導き出せるという事だけでいいので教えて欲しいです。

追記
均一な方がいいですが、行数の少なさの方が重要です

Comments

[FKM]

条件が曖昧ですね。たとえば12のときは6×2でも4×3でも3×4でも余りなしで作れます

React以前にJavaScriptなどでそのようなアルゴリズムを築けるかという段階以前に、
要件定義をもっと固めたほうがいいと思います。

[qkz]

1行最大5件で出来るだけ少ない行で考えていますなので、12件の場合は4x3とい結果が欲しいです。

Answer 1

９件の時は３×３が欲しいのか５と４の２行なのか。。。
求める一番大きい列数から小さい列数までで、件数を割って、
割り切れるならその数字を、余りが出るなら余りが１番大きい数字をとか。
まどろっこしいでしょうか。。。

追記見ました。
そうすると、前述の条件がまた無視されることに。。。
もう少しどうしたいかをまとめたほうがよいかと思います。

Comments

[qkz]

9件の際は5と4の2行の結果が欲しいです。
色々手元でやってみましたが、その方法が一番良さそうですかね…
回答ありがとうございます。

[FKM]

7の場合だと　5,2でも4,3でも通りますよね？

[qkz]

7 の場合は 5 のあまりが 2 、4 のあまりが 3 なので
>余りが出るなら余りが１番大きい数字をとか。
上記当てはまるので 4,3 使う感じになりますね

Answer 2

PHPだけど、こんなアルゴリズムを組めばいいのでしょうか(PHPでテストしたのは配列を見やすくするため)
あとはjsに直してみてください（変数を書き換えるだけでいけるかと）

   $num = 0; //ここに任意の値を入れる
   
   $array = square($num);
   var_dump($array); //ここに行列の値ができる
   
   function square($num){
	   $row = 0;
	   //どの列数が適正かを判別
	   for($col = 5; $col > 2 ; $col--){
		   if( ($num % $col == 0 || $num % $col > $col / 2) && $num >= $col){
		       $row = $num / $col;
		       break;
		   }
	   }
	   echo $col;
	   $ar_number = [];
	   $ar_numbers = [];
	   
	   for($x = 0; $x < $row; $x++ ){
		   $ar_number = [];
		   for($y=1; $y <= $col; $y++){
			    $i = ($col*$x)+$y;
				if($i <= $num ) $ar_number[] = $i;
		   }
		   $ar_numbers[] = $ar_number; 
	   }
	   return $ar_numbers;
   }

Answer 3

13件の場合
[12345]
[67890]
[123]

を想定していたらしいので、BA(yo_uさん)の方法で出来そうなので、〆ます。

ありがとうございました。

Answer 4

個数を出せばいいのですか？

  const rc = x => {
    const r = Math.ceil(x / 5);
    const c = Math.ceil(x / r);
    return [r,c]
  }
  Array.from(Array(12),(...[_,i])=>i).map(rc);

/*
[
  [
    0,
    null
  ],
  [
    1,
    1
  ],
  [
    1,
    2
  ],
  [
    1,
    3
  ],
  [
    1,
    4
  ],
  [
    1,
    5
  ],
  [
    2,
    3
  ],
  [
    2,
    4
  ],
  [
    2,
    4
  ],
  [
    2,
    5
  ],
  [
    2,
    5
  ],
  [
    3,
    4
  ]
]

​*/

仕様が変わったとのこと、まことにご愁傷様ですがサンプルを作ってしまったので追記

サンプル