質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.63%

配列をグループごとに表示する方法

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 922

bws

score 76

下のような配列を画像のように表示する場合、どのようにするのが一般的でしょうか?
配列は多次元配列などにして整えた方が良いでしょうか?

foreachでifやswitchでクライアントと都道府県を振り分けて表示していたのですが、わかりにくいし無駄が多いような気がします。

アドバイスいただけませんでしょうか、よろしくお願いします。

 配列

$shop_list = array(
  '0' => array(
    'code' => 1,
    'client_code' => 2,
    'client_name' => 'PHP書店',
    'pref_code' => 13,
    'pref_name' => '東京都',
    'shop_name' => '渋谷',
  ),
  '1' => array(
    'code' => 1,
    'client_code' => 1,
    'client_name' => 'JS書店',
    'pref_code' => 13,
    'pref_name' => '東京都',
    'shop_name' => '渋谷',
  ),
  // 省略
);

 実現したい画面

イメージ説明

 追記

配列はshop,pref,clientテーブルから取り出したデータです。

shopテーブル
code
clinet_code
pref_code
name

prefテーブル
code
name

clientテーブル
code
name

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+2

データとしては現在の形で持っておいて、
出力する直前に表示形式に合わせた配列構造に整形するというのはよくある形かなと思います。

<?php

$shop_list = array(
  '0' => array(
    'code' => 1,
    'client_code' => 2,
    'client_name' => 'PHP書店',
    'pref_code' => 13,
    'pref_name' => '東京都',
    'shop_name' => '渋谷',
  ),
  '1' => array(
    'code' => 1,
    'client_code' => 1,
    'client_name' => 'JS書店',
    'pref_code' => 13,
    'pref_name' => '東京都',
    'shop_name' => '渋谷',
  ),
  '2' => array(
    'code' => 1,
    'client_code' => 1,
    'client_name' => 'JS書店',
    'pref_code' => 1,
    'pref_name' => '北海道',
    'shop_name' => '札幌',
  ),
  '3' => array(
    'code' => 1,
    'client_code' => 1,
    'client_name' => 'JS書店',
    'pref_code' => 13,
    'pref_name' => '東京都',
    'shop_name' => '原宿',
  ),
  // 省略
);

$shop_list_for_view = convertListForView($shop_list);
var_dump($shop_list_for_view);
displayShopList($shop_list_for_view);

function convertListForView($shop_list){
    $list_for_view = [];
    foreach($shop_list as $shop){
        //書店名と県名を添え字に使って表示用のツリー構造を表現
        $list_for_view[$shop["client_name"]][$shop["pref_name"]][] = $shop;
    }

    //必要に応じてソートしてから返す
    return $list_for_view;
}

function displayShopList($shop_list_for_view){
    foreach($shop_list_for_view as $client_name => $client_list){
//実際はHTMLを出力
        echo $client_name;
        echo PHP_EOL;
        foreach($client_list as $pref_name => $shop_list){
            echo "*".$pref_name;
            echo PHP_EOL;
            foreach($shop_list as $shop){
                echo "**".$shop["shop_name"]."店";
                echo PHP_EOL;
            }
        }
    }
}
array(2) {
  ["PHP書店"]=>
  array(1) {
    ["東京都"]=>
    array(1) {
      [0]=>
      array(6) {
        ["code"]=>
        int(1)
        ["client_code"]=>
        int(2)
        ["client_name"]=>
        string(9) "PHP書店"
        ["pref_code"]=>
        int(13)
        ["pref_name"]=>
        string(9) "東京都"
        ["shop_name"]=>
        string(6) "渋谷"
      }
    }
  }
  ["JS書店"]=>
  array(2) {
    ["東京都"]=>
    array(2) {
      [0]=>
      array(6) {
        ["code"]=>
        int(1)
        ["client_code"]=>
        int(1)
        ["client_name"]=>
        string(8) "JS書店"
        ["pref_code"]=>
        int(13)
        ["pref_name"]=>
        string(9) "東京都"
        ["shop_name"]=>
        string(6) "渋谷"
      }
      [1]=>
      array(6) {
        ["code"]=>
        int(1)
        ["client_code"]=>
        int(1)
        ["client_name"]=>
        string(8) "JS書店"
        ["pref_code"]=>
        int(13)
        ["pref_name"]=>
        string(9) "東京都"
        ["shop_name"]=>
        string(6) "原宿"
      }
    }
    ["北海道"]=>
    array(1) {
      [0]=>
      array(6) {
        ["code"]=>
        int(1)
        ["client_code"]=>
        int(1)
        ["client_name"]=>
        string(8) "JS書店"
        ["pref_code"]=>
        int(1)
        ["pref_name"]=>
        string(9) "北海道"
        ["shop_name"]=>
        string(6) "札幌"
      }
    }
  }
}
PHP書店
*東京都
**渋谷店
JS書店
*東京都
**渋谷店
**原宿店
*北海道
**札幌店

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/11/23 19:15

    まさにこれがやりたかったという形です!ありがとうございます。
    コードまで丁寧に書いて頂いてありがとうございます。
    取り出す時の形、出力する直前に整形するという点、また配列名などもとても参考になりました。

    キャンセル

+2

テーブルのクエリー結果なのだとしたら、
まずSELECT文の段階でORDER BY句を駆使して並べ替えをしっかりやっとくこと。

次に、私がよくやる手なんだけど、
前行のデータを保持する変数を用意して、
前行と
・client_nameが変わったらどうする、
・pref_nameが変わったらどうする、
・shop_nameが変わったらどうする
っていう処理を設けると、
この手のグループ分け表示は解決できてしまう。

・client_nameが変わったらどうする
→1階層目グループの境目を表示する

・pref_nameが変わったらどうする
→2階層目グループの境目を表示する

みたいな感じになるだろうか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/11/23 19:12

    ありがとうございます!
    データベースから取り出す際に並び替えをしっかりとしていなかった為、表示するときのコードがわかりにくくなっていました。とても参考になりました。

    キャンセル

0

データ量が少ないのであれば記載されているような形式で問題ないと思います。
もし、それなりのデータ量があったり、今後追加や更新が頻繁に起こるのであれば DB 化することを考えた方が良いと思います。
その際には、いわゆる"正規化" をすれば、「わかりにくいし無駄が多い」という問題は多少解決されると思います。

配列の形でも正規化は行うことはできるので、もしご存じなければ DB の正規化について調べてみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/11/23 18:13

    アドバイスありがとうございます。
    DBの正規化という言葉を初めて聞きました。重複したデータを排除することでわかりやすく管理するというのは理解できたのですが、今回のケースではどのように活かせば良いでしょうか?
    配列はデータベースから取り出したデータです。
    配列の表示方法というよりはデータベースの設計、取り出し方が悪いのでしょうか?

    キャンセル

  • 2018/11/23 18:31

    既にDB化されていたのですね。
    DB を設計する上で正規化は基礎の基礎ですので是非理解しておくことをおすすめします。
    ただ、本件について言えば、追記されたテーブル構造を見ると正規化されているように見えます。
    そのテーブル構造と画像に表示されている最終形だけを考えれば、DB データを配列に格納する箇所で改善の余地があると思います。

    ちなみに最初に書いた通り、掲載されている配列の形でも悪くはないと思いますよ。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.63%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る