PHP のforeachで tableを作成において、被り項目をまとめる方法

Question

PHPのforeach文でtableの作成をしております。
以下図のように被り項目（Red,Green) をまとめる表を作りたいと考えております。
作り方をご教授いただけないでしょうか。

現在以下でスタックしております。

           <!-- カラーの被りをなくす -->
            <?php foreach ($lists as $list) : ?>
                    <?php $colors[] = $list->getColor(); ?>
            <?php endforeach; ?>
            <?php $colors1 = array_merge(array_unique($$colors)); ?>

                <table>
                    <tr>
                        <th>Color</th>
                        <th>Things</th>
                        <th>Place</th>
                    </tr>

                    <?php foreach ($color1 as $co) : ?>
                        <tr>
                            <td><?php echo $co; ?></td> <!--カラーの表示-->
                            
                            <td>
                                    <?php foreach ($lists as $list): ?>.  <!-- listsは上記図のようなリストを作っています-->
                                        <?php if ("$co" == $list->getColor()): ?>
                                             <li><?php echo $list->getThings; ?></li> <!--Thingsの表示-->
                                        <?php endif; ?>
                                    <?php endforeach; ?>
                            </td>

                            <td>
                                    <?php foreach ($lists as $list): ?>
                                        <?php if ("$co" == $list->getColor()): ?>
                                             <li><?php echo $list->getPlace(); ?></li><!--Placeの表示-->
                                        <?php endif; ?>
                                    <?php endforeach; ?>
                            </td>
                    
                        </tr>
                    <?php endforeach; ?>
                </table>

$data = [
                ["color" => "red",  "things" => "りんご", "place" => "青森", "url" => "https://www.yahoo.co.jp/"],
                ["color" => "red",  "things" => "信号", "place" => "東京", "url" => "https://www.youtube.com/"],
                ["color" => "red",  "things" => "太陽", "place" => "テキサス", "url" => "https://ja.wikipedia.org/wiki/"],
                ["color" => "green", "things" => "山", "place" => "山形", "url" => "https://www.amazon.co.jp/"],
                ["color" => "green", "things" => "森", "place" => "静岡", "url" => "https://www.dazn.com/"],
            ];

            $result = array_reduce(array_unique(array_map(function ($x) {
                return $x["color"];
            }, $data)), function ($x, $y) use ($data) {
                $x[$y] = array_map(function ($x) {
                    unset($x["color"]);
                    return $x;
                }, array_values(array_filter($data, function ($x) use ($y) {
                    return $x["color"] == $y;
                })));
                return $x;
            }, []);

            
            print_r($result);
            print "<table border>\n";
            print "<thead>\n<tr><th>color</th><th>things</th><th>place</th></tr>\n</thead>\n";
            print "<tbody>\n";
            foreach ($result as $color => $vals) {
                print "<tr>";
                print "<td rowspan=\"" . count($vals) . "\">$color</td>";
                foreach ($vals as $key => $val) {
                    if ($key > 0) {
                        print "</tr>\n<tr>";
                    }
                    print "<td>${val["things"]}</td>";
                    print "<td>${val["place"]}</td>";
                }
                print "</tr>\n";
            }
            print "</tbody>\n";
            print "</table>\n";

Comments

[tanat]

静的なHTMLでの質問に記載の表の記述方法(rowspan属性の使い方)については理解されていますか？

[m.ts10806]

このコードだけでは何とも言えませんね。
テーブル定義はどうなってるのでしょう。
データ取得部分はどうなってるのでしょう。
全部取得してから加工するより「そういう形のデータ」を取得してから
表示するだけの方が良いような。

[kakashi55]

>tanat
早急なコメントありがとうございます。
rowspan属性についても考えました。
表の状況によってrowspanを可変する方法がありましたら教えていただけないでしょうか。

[kakashi55]

>m.ts10806
早急なコメントありがとうございます。
「そういう形のデータ」というのはどういったイメージでしょうか？
お知恵をいただけないでしょうか？

[m.ts10806]

例えば
https://paiza.io/projects/RcQ0dwa8PFDGEwlg032o5Q

Answer 1

こんな感じで変換してみてください

$data=[
  ["color"=>"red",  "things"=>"りんご","place"=>"青森"],
  ["color"=>"red",  "things"=>"信号"  ,"place"=>"東京"],
  ["color"=>"red",  "things"=>"太陽"  ,"place"=>"テキサス"],
  ["color"=>"green","things"=>"山"    ,"place"=>"山形"],
  ["color"=>"green","things"=>"森"    ,"place"=>"静岡"],
];

$result=array_reduce(array_unique(array_map(function($x){
  return $x["color"];
},$data)),function($x,$y) use($data){
  $x[$y]=array_map(function($x){
    unset($x["color"]);
    return $x;
  },array_values(array_filter($data,function($x) use($y){
    return $x["color"]==$y;
  })));
  return $x;
},[]);
print_r($result);
print "<table border>\n";
print "<thead>\n<tr><th>color</th><th>things</th><th>place</th></tr>\n</thead>\n";
print "<tbody>\n";
foreach($result as $color=>$vals){
print "<tr>";
print "<td rowspan=\"".count($vals)."\">$color</td>";
  foreach($vals as $key=>$val){
    if($key>0){
      print "</tr>\n<tr>";
    }
    print "<td>${val["things"]}</td>";
    print "<td>${val["place"]}</td>";
  }
  print "</tr>\n";
}
print "</tbody>\n";
print "</table>\n";

Comments

[kakashi55]

ご回答いただきありがとうございます。
返信が遅くなり大変申し訳ございません。
もう一点、中央列（things列）に<a href="">でurlを挿入する方法をご存知できたら教えていただけないでしょうか。
よろしくお願いします。

[yambejp]

> <a href="">でurlを挿入する方法

なにをしたいかわかりませんが、希望するアンカーをかけばいいだけでは？

[kakashi55]

御回答ありがとうございます。
そのアンカーについて本コードに追加した場合どのようになりますでしょうか？
すいませんが宜しくお願い致します。

[yambejp]

どこに何をアンカーとして挿入するか提示がないので回答のしようがありません

[kakashi55]

返信ありがとうございます。
yambejpさんのご回答いただいたコードに、アンカーとして挿入するURL(例）を上記コードに反映させました。
やりたいことは、thingsにURLのアンカーを入れたいです。
ご教授いただけないでしょうか。

[yambejp]

適用にはいくつかの例外処理が必要ですが、とりあえず動作させるには以下修正ください

print "<td>${val["things"]}</td>";
↓↓↓
print "<td><a href=\"${val["url"]}\">${val["things"]}</a></td>";

[kakashi55]

目的としたことができました。
ご教授いただきありがとうございます。

Answer 2

類似の質問に回答したのでこちらにリンクしておきます。

https://teratail.com/questions/jw3p5t4kug4hq3#reply-a9zch4bvk06nut