配列の中の特定の値を繰り返し表示させたい

Question

前提・実現したいこと

配列の中身を配列文だけ繰り返し表示し、htmlを生成したいです。

該当のソースコード

<?php 
print_r($data);
?>
//print_r()して表示される配列
Array
(
    [0] => Array
       (
            [id] => 1
            [color] => 赤
            [type] => a
        )

    [1] => Array
        (
            [id] => 2
            [color] => 赤
            [type] => b
        )

    [2] => Array
        (
            [id] => 3
            [color] => 青
            [type] => b
        )

    [3] => Array
       (
            [id] => 4
            [color] => 青
            [type] => c
        )

    [4] => Array
       (
            [id] => 5
            [color] => 緑
            [type] => c
        )

)
//下記のhtmlを配列の数分繰り返し生成したい（上記でいうと5回）
<div>
 <p>色：[ここに配列のcolorを入れたい]</p>
 <p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>

試したこと

<?php echo $data['color']; ?>

などとやってみたのですが
Notice: Undefined...
と表示されてしまいます。
ほかにも調べて見たのですが、
値を全表示する方法ばかりでhtmlの特定を場所にテキストとして表示させる方法が見つからなかったため質問させていただきました。

ご教示のほど宜しくお願いします。

追記
最終的なhtmlは配列が３つだった場合

<div>
 <p>色：[ここに配列のcolorを入れたい]</p>
 <p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>
<div>
 <p>色：[ここに配列のcolorを入れたい]</p>
 <p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>
<div>
 <p>色：[ここに配列のcolorを入れたい]</p>
 <p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>

のように<div>とその中自体が繰り返されるようにしたいです。

Answer 1

こういうことですか？

<?PHP
$a=[
  ["id"=>1,"color"=>"赤","type"=>"a"],
  ["id"=>2,"color"=>"赤","type"=>"b"],
  ["id"=>3,"color"=>"青","type"=>"b"],
  ["id"=>4,"color"=>"青","type"=>"c"],
  ["id"=>5,"color"=>"緑","type"=>"c"],
  ];
$colors=implode(",",array_map(function($a){return $a["color"];},$a));
$types=implode(",",array_map(function($a){return $a["type"];},$a));
print <<<eof
<div>
<p>色：[{$colors}]</p>
<p>タイプ：[{$types}]</p>
</div>
eof;
?>

変更

仕様が違いましたね

<?PHP
$a=[
  ["id"=>1,"color"=>"赤","type"=>"a"],
  ["id"=>2,"color"=>"赤","type"=>"b"],
  ["id"=>3,"color"=>"青","type"=>"b"],
  ["id"=>4,"color"=>"青","type"=>"c"],
  ["id"=>5,"color"=>"緑","type"=>"c"],
  ];
array_walk($a,function($x){
print <<<eof
<div>
<p>色：[{$x["color"]}]</p>
<p>タイプ：[{$x["type"]}]</p>
</div>
eof;
});
?>

Comments

[MeB]

ご回答ありがとうございます。

繰り返し表示されたいのは
<div>
<p>色：[ここに配列のcolorを入れたい]</p>
<p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>
ここ全てになります。なので$aの場合ですと<div>が５つ作られるような形になります。

[yambejp]

修正版もあげときました

[MeB]

言葉がたりずお手数おかけしました。
また、追加の質問なのですが…
$a[0]['color'];
このようになっている場合[0]の部分の処理はどのようにするのが適切なのでしょうか？
毎度すみませんが、宜しくお願いします。

[yambejp]

> $a[0]['color'];

えーと、追加で回答しているとおりarray_walkで処理すると$aの要素を
ひとつずつ取り出して処理しています
なにか違和感がありますか？

[MeB]

あ、すみません。
こう言う多次元配列のような時は追加で処理を書くものだと思っておりました。
失礼しました。

Answer 2

<?php foreach ($data as $val): ?>
<div>
 <p>色：<?php echo $val['color']; ?></p>
 <p>タイプ：<?php echo $val['type']; ?></p>
</div>
<?php endforeach; ?>

もし$dataの中身がユーザーが任意で入力できる値の場合はhtmlspecialcharsも併用して下さい。

Comments

[MeB]

ご回答ありがとうございます。
すみません。言葉が足りませんでした。
繰り返したいのは<div>も含めその中全てなので
<div>
<p>色：[ここに配列のcolorを入れたい]</p>
<p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>
<div>
<p>色：[ここに配列のcolorを入れたい]</p>
<p>タイプ：[ここに配列のtypeを入れたい]</p>
</div>
...
と言う形にしたいです。

Answer 3

とりあえず表示させたいだけなら

<?php echo $data[0]['color'];?>
<?php echo $data[1]['color'];?>
<?php echo $data[2]['color'];?>

です。

配列の基礎的な事がまだのようなので以下のページで学習すると良いかと思います。

PHPで配列（array）を使う方法【初心者向け】

Comments

[MeB]

ご回答ありがとうございます。
サイトもありがとうございます。