PHPのforeach文での４項目ずつDivタグに囲んで繰り返し表示したい

Question

phpのforeach文を使って４項目ずつDivタグに囲んで繰り返し表示出来るようにしたいのですが、思うように動かないため質問しました。

現在、データベースに登録された名前を下記の書き方ですべて表示出来ています。

<?php
foreach ($records as $record) { ?>
 <?php echo $record['name'] ?>
 <?php } ?>

現状だとそのまま９人目、８人目、７人目・・・といったように表示されているため、
データベースに登録された名前をforeachで繰り返し４人ごとdivで囲んで表示したいと考えています。
色々やったのですが、９人目９人目９人目９人目と表示されてしまったり、エラーが出てしまったり。。

<div>
 9人目
</div>

 <div>
8人目
7人目
6人目
5人目
</div>
<div>
4人目
3人目
2人目
1人目
</div>


下記のコードでは同じものが４つずつ表示されてしまいました。
また、エラーが出てしまったコードについては、書いては消しを繰り返したため
残ってないです。。
```php
<?php 
foreach ($records as $record) { ?>
<div>
<?php echo $record['name'] ?>
<?php echo $record['name'] ?>
<?php echo $record['name'] ?>
<?php echo $record['name'] ?>
</div>
 <?php } ?>

回答のほど宜しくお願いします。

Comments

[unau]

試してみたコードも是非、載せてください。

[退会済みユーザー]

とんど実行しては消しの繰り返しだったため、覚えているコードのみコードを記載しました。

Answer 1

foreach 文を使ってデータベースから取得した結果を出力するのは出来ているので、そこに４つ区切りに <div>, </div> を挿入するようなコードを加えればよいと思います。

説明のため、まず表示するだけのサンプルコードを示します：

<?php
// 表示するだけのコード
$records = [
    ['name' => '9人目'], ['name' => '8人目'], ['name' => '7人目'], ['name' => '6人目'], ['name' => '5人目'],['name' => '4人目'], ['name' => '3人目'], ['name' => '2人目'], ['name' => '1人目']
];
?>
<?php foreach ($records as $i => $record): ?>
    <?= htmlspecialchars($record['name']).PHP_EOL ?>
<?php endforeach; ?>

// 結果
    9人目
    8人目
    7人目
    6人目
    5人目
    4人目
    3人目
    2人目
    1人目

で、ここに４つおきに <div>, </div> を挿入するわけですが、方法を考えるのはコーディングというより、どちらかというと算数と頭の体操です。

まず先頭から４つおきに <div> を入れるなら、4の倍数（4n）になったときに <div> を出力すればよさそうです。つまり判定式は $i % 4 === 0 です。また </div> は 4n-1 になったときに出力します。判定式は $i % 4 === 3 です。ただこのままですと要素数が4の倍数ではない場合にタグが閉じられないため、最後にも閉じタグを挿入するのを忘れないでください。

結果的にこんなコードになります：

<?php foreach ($records as $i => $record): ?>
<?= $i % 4 === 0 ? '<div>'.PHP_EOL : null ?>
    <?= htmlspecialchars($record['name']).PHP_EOL ?>
<?= $i % 4 === 3  || $i === count($records) - 1 ?'</div>'.PHP_EOL : null ?>
<?php endforeach; ?>

// 結果
<div>
    9人目
    8人目
    7人目
    6人目
</div>
<div>
    5人目
    4人目
    3人目
    2人目
</div>
<div>
    1人目
</div>

あとは同じ要領で、今度は末尾から４つ区切りを行う方法をご自身で考えてみてください。count($records)-$i で残りの要素数を把握できるので、役に立ちそうです。

---

ちなみにデータベース(MySQL, PostgreSQL)やデータベースドライバの設定によっては、$i や count() が効かない場合があります。そのときは自前でカウントを行って下さい。

カウンター($i)が使えない場合は $i = 0; と初期化しつつ、foreachのループ内で $i++; と手動カウントすればOKです。

count($records) が使えない場合は、データベースから取得した全結果を一度配列にいれて count() してください。

Comments

[退会済みユーザー]

わかりやすく丁寧に説明していただきありがとうございます！！
自分の実現したかったことが考え方１つでここまで短いコードで出来るとは思いませんでした！
コード含め、今後に役立てさせていただきます！！

Answer 2

miyahan さんの回答が好きですけど、count がループの中に入ってるんで、外出にしたかったのと、外に出したんならなんとなく while じゃないかなぁと思って作ってみました。

<?php
$records = [
    [
        'name' => '9人目',
        'age' => 20,
        ],
    [
        'name' => '8人目',
        'age' => 21,
        ],
    [
        'name' => '7人目',
        'age' => 22,
        ],
    [
        'name' => '6人目',
        'age' => 23,
        ],
    [
        'name' => '5人目',
        'age' => 24,
        ],
    [
        'name' => '4人目',
        'age' => 25,
        ],
    [
        'name' => '3人目',
        'age' => 26,
        ],
    [
        'name' => '2人目',
        'age' => 27,
        ],
    [
        'name' => '1人目',
        'age' => 28,
        ],
    ];
    $count = count($records);
    $i = $count;
?>
<?php while ($i > 0):?>
<?= $i % 4 === 0 || $i === $count ? '<div>'.PHP_EOL : null ?>
<?= $i % 4 . ':' . htmlspecialchars(each($records)['value']['name']).PHP_EOL ?>
<?= $i % 4 === 1 ?'</div>'.PHP_EOL : null ?>
<?php $i -= 1 ?>
<?php endwhile ?>

結果、each とか使って、あんまりきれいじゃないｗ

Comments

[miyahan]

「OPcacheさんがなんとかしてくれるだろう」と軽く考えていましたが、ちゃんと調べると不変式をループ外に追い出す最適化はしてくれないようですね。たしかに配列が巨大だと無視できないコストになりそうです。

[退会済みユーザー]

Web 出力なんで、でかいはずないと思いますけどね。本件に限れば、難癖レベルですｗ

Answer 3

array_chunk()で配列をあらかじめ4つの要素に分割してから、for()で<div>タグを出力する外側に対応する配列をループします。そして、各4つの要素に対応する連想配列をforeach()で出力します。

下記コードの最下部コメントの「出力：」部分がarray_chunk()した連想配列です。

// $records連想配列
$records = array(
    array('name' => '1人目'),
    array('name' => '2人目'),
    array('name' => '3人目'),
    array('name' => '4人目'),
    array('name' => '5人目'),
    array('name' => '6人目'),
    array('name' => '7人目'),
    array('name' => '8人目'),
    array('name' => '9人目'),
);

// $records配列を4つの要素で分割（インデックスはそのまま）
$array = array_chunk($records, 4, true);

for ($i=0; $i<count($array); $i++) {
    echo "<div>\n";
    foreach ($array[$i] as $record) {
        echo "\t".$record['name']."\n";
    }
    echo "</div>\n";
}

echo '<pre>';
echo '$array : ';
print_r($array);
echo "\n";
echo '</pre>';

// 出力：
// $recordsのインデックスを保持
//
// $array = array(
//     array(
//         '0' => array('name' => '1人目'),
//         '1' => array('name' => '2人目'),
//         '2' => array('name' => '3人目'),
//         '3' => array('name' => '4人目'),
//     ),
//     array(
//         '4' => array('name' => '5人目'),
//         '5' => array('name' => '6人目'),
//         '6' => array('name' => '7人目'),
//         '7' => array('name' => '8人目'),
//     ),
//     array(
//         '8' => array('name' => '9人目'),
//     ),
// );

array_walk_recursive()を使った下記のサンプルコードでも上記と同じ結果が得られます。通常はforeach()を使ったほうがパフォーマンスが高いですが、メンテナンス性も考慮してどちらにするか決めてください。配列の要素数が大きくなるとパフォーマンスが非常に重要になります。

// $records連想配列
$records = array(
    array('name' => '1人目'),
    array('name' => '2人目'),
    array('name' => '3人目'),
    array('name' => '4人目'),
    array('name' => '5人目'),
    array('name' => '6人目'),
    array('name' => '7人目'),
    array('name' => '8人目'),
    array('name' => '9人目'),
);

// $records配列を4つの要素で分割（インデックスはそのまま）
$array = array_chunk($records, 4, true);

for ($i=0; $i<count($array); $i++) {
    echo "<div>\n";
    array_walk_recursive($array[$i], function ($value, $key) {
        echo is_array($value) ?: "\t".$value."\n";
    });
    echo "</div>\n";
}

Comments

[退会済みユーザー]

出力を再現しようとすると、array_reverse 2回使わないといけなくないですか？

[Tomak]

順番に「1人目、2人目...」と表示するものとしていたのですが、「$records」配列の順番が違うということですよね。。。たしかにそうですね。
$recordsが「9人目、8人目」で出力を「<div>9人目</div><div>8人目...」とするのは、質問の文意からは解読不能でした。

Answer 4

foreach ($records as $record) {

から始まるループの中では、$record の値は一緒です。一緒でなかったら困りますよね。
ループ内の処理が終わって、次のループに入ったときに $record の中身が変わります。
何度 echo しても「9人目」になるのはそういう理由です。

次々にレコードにアクセスするには、foreach ($records as $record) のループはグルグル回しさなければなりません。数レコードずつまとめて表示するには、(1) レコードのループを回しながら、条件に応じてまとめるタグを出力する、(2) まとめて出力する用の多重配列にレコードを格納していって、あとでまとめて出力する、などの方法があると思います。

(1) のケースの例です。

$records_per_div = 4;
$count = 0;
foreach ($records as $record) :
  if ($count % $records_per_div == 0) : // 4 行ごとに div を始める              
    if ($count > 0) :                   // 最初以外は今までの div を閉じる      
 ?>
</div>
<?php endif; ?>
<div>
<?php endif; ?>
<?php echo $record['name'] . "\n"; ?>
<?php $count++; ?>
<?php endforeach; ?>
<?php if ($count > 0) : // 最後の div を閉じる ?>                               
</div>
<?php endif; ?>

(2) のケースです。div タグでまとめるものを section と名付けてあります。

<?php
$sections = array();
$records_per_div = 4;
$index = 0;
$section_no = 0;
foreach ($records as $record) {
  if ($index == 0) {
    $section_no++;
    $sections[$section_no] = array();
  }
  $sections[$section_no][$index] = $record['name'];
  $index++;
  if ($index >= $records_per_div) $index = 0;
}

foreach ($sections as $section) :
?>
<div>
<?php
   foreach ($section as $name) {
     echo $name."\n";
   }
?>
</div>
<?php endforeach;

Comments

[退会済みユーザー]

ありがとうございます！！説明も非常にわかりやすく、理解することが出来ました！
また、自分の行っていた処理のどこが間違っていたのかも説明していただき、勉強になりました。
本当にありがとうございました！

Answer 5

HTML の文法を確認するって意味では、Tomak さんのものをベースにするのが良いかも。

<div></div>の関係が分かりやすいです。 ```php <?php $records = [ [ 'name' => '9人目', 'age' => 20, ], [ 'name' => '8人目', 'age' => 21, ], [ 'name' => '7人目', 'age' => 22, ], [ 'name' => '6人目', 'age' => 23, ], [ 'name' => '5人目', 'age' => 24, ], [ 'name' => '4人目', 'age' => 25, ], [ 'name' => '3人目', 'age' => 26, ], [ 'name' => '2人目', 'age' => 27, ], [ 'name' => '1人目', 'age' => 28, ], ]; $records = array_reverse($records); $array = array_chunk($records, 4, true); $count = count($array); ?> <?php for ($i=$count-1; $i >= 0; --$i):?> <div> <?php $array[$i] = array_reverse($array[$i]);?> <?php foreach ($array[$i] as $record){ echo "\t".$record['name']."\n"; } ?> </div> <?php endfor ?> ```