Как при перебирании массива элементы с одинаковым классом не шли подряд?

Question

[kamisarlapsha]

Привет! У меня есть массив. Из него формируются блоки.
В массиве в каждой записи есть 1 из 4 этих классов для каждого блока:
grid-1
grid-2v
grid-2h
grid-4

И в результате потом у каждого <div class="product-laylout"> есть какой либо из этих классов. Но как сделать, чтобы допустим два grid-2v подряд не шло. И также все остальные, кроме grid-1.

Например было

<div class="product-laylout grid-2h"></div>
<div class="product-laylout grid-2h"></div>
<div class="product-laylout grid-1"></div>
<div class="product-laylout grid-1"></div>
<div class="product-laylout grid-4"></div>
<div class="product-laylout grid-4"></div>

А стало так

<div class="product-laylout grid-2h"></div>
<div class="product-laylout grid-1"></div>
<div class="product-laylout grid-4"></div>
<div class="product-laylout grid-1"></div>
<div class="product-laylout grid-4"></div>
<div class="product-laylout grid-2h"></div>

Или такое лучше сделать на jQuery ? Количество <div class="product-laylout" будет большим. Заранее спасибо!

Answer 1

[Эдуард]

Если правильно понял [строку shuffle($styles); можно удалить, если ваш массив итак формируется случайным образом]:

$styles = [
    'grid-2h',
    'grid-2h',
    'grid-1',
    'grid-1',
    'grid-4',
    'grid-4'
];

shuffle($styles);
$total = count($styles);
$trigger = 1;
$buffer = [];

while ($trigger) {
    foreach ($styles as $k => $style) {
        if (count($buffer) == $total) {
            $trigger = 0;
            break;
        }
        $next = $styles[$k+1] ?? ($total - 1);
        $next == $style ?: $buffer[] = $style;
    }
}

print_r( $buffer );

Comments

[kamisarlapsha]

Немного не так, если не трудно, можете ещё подсказать.
У меня сразу есть массив, в котором уже определен класс по параметрам.

foreach ($results as $result) {
$data['products'][] = array(
					'product_id'  => $result['product_id'],
'item_class'  => $imgclass // Тут сразу задается один из этих классов  grid-1 grid-2v grid-2h grid-4
				);
}

В итоге получается такой массив, только записей больше. И class уже менять нельзя.

[0] => Array
        (
            [product_id] => 11
            [item_class] => grid-2h
        )

    [1] => Array
        (
            [product_id] => 15
            [item_class] => <b>grid-4</b>
        )

    [2] => Array
        (
            [product_id] => 16
            [item_class] => <b>grid-4</b>
        )

    [3] => Array
        (
            [product_id] => 16
            [item_class] => grid-2v
        )

Нужно чтобы сделать так, чтобы если в одной строке [item_class] => grid-2v, то в следующей [item_class] не должен повторятся. То есть строки менялись местами.

Либо я вообще не тем путём иду. У меня есть сетка товаров в виде кирпичиков grid. И размер кирпичика определяется этим [item_class]. А сам [item_class] определяется размером картинки. И поэтому, если элементы с одинаковым [item_class] находятся рядом, то одинаковые блоки сетки находятся рядом, что не должно быть так.