Laravelで、配列の値をhtmlのテーブル上に表示したい

Question

Laravelで、男女別、男女合計の人口をhtml上(table)に表示させたいと考えています。
年代別の部分は上手くいったのですが、男女別。男性計、女性計の部分が上手く表示できない状態です。
理想としては、下記の表を、そのままの形でhtmlに表現したいです。

下記が現在できている表になります。

やりたいこととしては、foreachで、<td></td>の中に取り出した値を表示させたいです。
男女計、男性計、女性計の部分に配列の中の数字だけ取り出して表示させたいのですが、どのようにすれば上手く表示できますでしょうか。
連想配列、多次元配列が上手く使えなく詰まっている状態になります。

【試したこと】

• 男女計、男性計、女性計それぞれの変数を用意したが、foreachの中にforeachをネストさせると表示できな買った
• 下記の形で配列を用意してみたが、思った形で表示することができなかった

		$allPopuration = [
			'all'=>['総数' => 126167, '0～4歳' => 4758, '5～9歳' => 5101, '10～14歳' => 5351, '15～19歳' => 5820, '20～24歳' => 6388, '25～29歳' => 6240, '30～34歳' => 6752, '35～39歳' => 7551, '40～44歳' => 8718, '45～49歳' => 9802, '50～54歳' => 8567, '55～59歳' => 7711, '60～64歳' => 7523, '65～69歳' => 8709, '70～74歳' => 8686, '75～79歳' => 7241, '80～84歳' => 5328, '85～89歳' => 3612, '90～94歳' => 1761, '95～99歳' => 479, '100歳以上' => 69],
			'mens'=>['総数' => 61411, '0～4歳' =>	2438, '5～9歳' =>	2612, '10～14歳' =>	2740, '15～19歳' =>	2985, '20～24歳' =>	3299, '25～29歳' =>	3216, '30～34歳' =>	3447, '35～39歳' =>	3828, '40～44歳' =>	4417, '45～49歳' =>	4957, '50～54歳' =>	4309, '55～59歳' =>	3852, '60～64歳' =>	3713, '65～69歳' =>	4217, '70～74歳' =>	4095, '75～79歳' =>	3238, '80～84歳' =>	2198, '85～89歳' =>	1274, '90～94歳' =>	482, '95～99歳' =>	87, '100歳以上' =>	9],
			'womens'=>['総数' => 64756, '0～4歳' => 2320, '5～9歳' => 2489, '10～14歳' => 2610, '15～19歳' => 2835, '20～24歳' => 3089, '25～29歳' => 3025, '30～34歳' => 3305, '35～39歳' => 3723, '40～44歳' => 4301, '45～49歳' => 4846, '50～54歳' => 4258, '55～59歳' => 3859, '60～64歳' => 3810, '65～69歳' => 4492, '70～74歳' => 4591, '75～79歳' => 4003, '80～84歳' => 3130, '85～89歳' => 2338, '90～94歳' => 1279, '95～99歳' => 392, '100歳以上' => 60]

ご教示のほど、よろしくお願い致します。

該当部分のbladeファイル

  <table class="table table-bordered">
    <thead class="thead-white">
      <tr>
        <th scope="col">年代別</th>
        <th scope="col">男女計</th>
        <th scope="col">男性計</th>
        <th scope="col">女性計</th>
      </tr>
    </thead>
      @foreach ($allPopuration as $key1 => $value1)
        <tbody>
          <tr>
            <td>{{$key1}}</td>
          </tr>
        </tbody>
      @endforeach
  </table>

該当部分のコントローラー

	public function popuration()
	{
		$allPopuration = ['総数' => 126167, '0～4歳' => 4758, '5～9歳' => 5101, '10～14歳' => 5351, '15～19歳' => 5820, '20～24歳' => 6388, '25～29歳' => 6240, '30～34歳' => 6752, '35～39歳' => 7551, '40～44歳' => 8718, '45～49歳' => 9802, '50～54歳' => 8567, '55～59歳' => 7711, '60～64歳' => 7523, '65～69歳' => 8709, '70～74歳' => 8686, '75～79歳' => 7241, '80～84歳' => 5328, '85～89歳' => 3612, '90～94歳' => 1761, '95～99歳' => 479, '100歳以上' => 69];
		$mensPopuration = ['総数' => 61411, '0～4歳' =>	2438, '5～9歳' =>	2612, '10～14歳' =>	2740, '15～19歳' =>	2985, '20～24歳' =>	3299, '25～29歳' =>	3216, '30～34歳' =>	3447, '35～39歳' =>	3828, '40～44歳' =>	4417, '45～49歳' =>	4957, '50～54歳' =>	4309, '55～59歳' =>	3852, '60～64歳' =>	3713, '65～69歳' =>	4217, '70～74歳' =>	4095, '75～79歳' =>	3238, '80～84歳' =>	2198, '85～89歳' =>	1274, '90～94歳' =>	482, '95～99歳' =>	87, '100歳以上' =>	9];
		$womensPopuration = ['総数' => 64756, '0～4歳' => 2320, '5～9歳' => 2489, '10～14歳' => 2610, '15～19歳' => 2835, '20～24歳' => 3089, '25～29歳' => 3025, '30～34歳' => 3305, '35～39歳' => 3723, '40～44歳' => 4301, '45～49歳' => 4846, '50～54歳' => 4258, '55～59歳' => 3859, '60～64歳' => 3810, '65～69歳' => 4492, '70～74歳' => 4591, '75～79歳' => 4003, '80～84歳' => 3130, '85～89歳' => 2338, '90～94歳' => 1279, '95～99歳' => 392, '100歳以上' => 60];

		return view('popuration', compact('allPopuration', 'mensPopuration', 'womensPopuration'));
     }

Comments

[m.ts10806]

作りたいHTMLのイメージ（モック）はできているのでしょうか。

[fork_]

今ほど追記致しました。。
ご確認いただけますと幸いでございます。

[m.ts10806]

モック＝目指すHTMLとそのコード
ですよ。
絵は単なる画面レイアウトです。

Answer 1

下記の形で配列を用意してみたが、思った形で表示することができなかった

データの構造がよくないですね。
以下のように持つべきです。

$population = [
    '総数' => ['male' => nnnn, 'female' => nnnn],
    '0～4歳' => ['male' => nnnn, 'female' => nnnn],
    .....
];

Comments

[fork_]

ご回答いただきありがとうございます。
なるほど...!!
いただいた回答を元に、もう少し取り組んでみます。

[m.ts10806]

やはり、データからどうするか考えるより画面レイアウト組みやすいデータ構造にした方が良いですね。

[fork_]

m.ts10806様
データ構造→レイアウトではなく、レイアウト→データ構造 の順で考えたことが無かったので、そちらも意識してもう一度組み直してみます。
ご教示いただき、ありがとうございました、

[m.ts10806]

いずれにしても目標とするHTML組めてないなら同じです。

Answer 2

phper.k様にヒントをいただき、解決することができました！
ありがとうございました。

コントローラー側

	public function population()
	{
		$population = [
			'総数' => ['all' => 126167, 'male'=>	61411, 'female' => 64756],
			'0～4歳' => ['all' => 4758, 'male'=>	2438, 'female' => 2320],
			'5～9歳' => ['all' => 5101, 'male'=>	2612, 'female' => 2489],
			'10～14歳' => ['all' => 5351, 'male'=>	2740, 'female' => 2610],
			'15～19歳' => ['all' => 5820, 'male'=>	2985, 'female' => 2835],
			'20～24歳' => ['all' => 6388, 'male'=>	3299, 'female' => 3089],
			'25～29歳' => ['all' => 6240, 'male'=>	3216, 'female' => 3025],
			'30～34歳' => ['all' => 6752, 'male'=>	3447, 'female' => 3305],
			'35～39歳' => ['all' => 7551, 'male'=>	3828, 'female' => 3723],
			'40～44歳' => ['all' => 8718, 'male'=>	4417, 'female' => 4301],
			'45～49歳' => ['all' => 9802, 'male'=>	4957, 'female' => 4846],
			'50～54歳' => ['all' => 8567, 'male'=>	4309, 'female' => 4258],
			'55～59歳' => ['all' => 7711, 'male'=>	3852, 'female' => 3859],
			'60～64歳' => ['all' => 7523, 'male'=>	3713, 'female' => 3810],
			'65～69歳' => ['all' => 8709, 'male'=>	4217, 'female' => 4492],
			'70～74歳' => ['all' => 8686, 'male'=>	4095, 'female' => 4591],
			'75～79歳' => ['all' => 7241, 'male'=>	3238, 'female' => 4003],
			'80～84歳' => ['all' => 5328, 'male'=>	2198, 'female' => 3130],
			'85～89歳' => ['all' => 3612, 'male'=>	1274, 'female' => 2338],
			'90～94歳' => ['all' => 1761, 'male'=>	482, 'female' => 1279],
			'95～99歳' => ['all' => 479, 'male'=>	87, 'female' => 392],
			'100歳以上' => ['all' => 69, 'male'=> 9, 'female' => 60]
		];

		return view('population', compact('population'));
	}

ビュー側

  <table class="table table-bordered">
    <thead class="thead-white">
      <tr>
        <th scope="col">年代別</th>
        <th scope="col">男女計</th>
        <th scope="col">男性計</th>
        <th scope="col">女性計</th>
      </tr>
    </thead>
      @foreach ($population as $key1 => $value1)
        <tbody>
          <tr>
            <td>{{$key1}}</td>
            <td>{{$value1['all']}}</td>
            <td>{{$value1['male']}}</td>
            <td>{{$value1['female']}}</td>
          </tr>
        </tbody>
      @endforeach
  </table>