Show two array values inside one foreach loop in Laravel

Question

I'm retrieving the JSON array from my DB and my array is:

{"Position":["first","second","third","fourth"],"Color":["Red",Blue,Pink,Teal]}

I want to show them in table inside a foreach loop

@foreach ($orderProduct->column as $item)
  <thead>
    <tr>
      <th>{{ $item['Position'] }}</th>
      <th>{{ $item['Color'] }}</th>
    </tr>
  </thead>
@endforeach

I want the output to be like this

<thead>
  <tr>
    <th>first</th>
    <th>Red</th>
  </tr>
</thead>
<thead>
  <tr>
    <th>second</th>
    <th>Blue</th>
  </tr>
</thead>
<thead>
  <tr>
    <th>third</th>
    <th>Pink</th>
  </tr>
</thead>

But it doesn't work.

Any ideas?

I want the output to be like this <thead> <tr> <th> first </th> <th> Red </th> </tr> </thead> <thead> <tr> <th> second </th> <th> Blue </th> </tr> </thead> <thead> <tr> <th> third </th> <th> Pink </th> </tr> </thead> @Peppermintology — Sarwar Alam
– Sarwar Alam, Commented May 29, 2021 at 23:03
Are you sure your array is a PHP array? It looks like you have a JSON array there. — Oluwafemi Sule
– Oluwafemi Sule, Commented May 29, 2021 at 23:03
Yes, that's a Json array that I'm trying to render from Database column @OluwafemiSule — Sarwar Alam
– Sarwar Alam, Commented May 29, 2021 at 23:05
I updated my original question and included the output, maybe it looks clearer over there. As per my foreach loop, it should output like that, right? — Sarwar Alam
– Sarwar Alam, Commented May 29, 2021 at 23:12

DJafari · Accepted Answer · 2021-05-29 23:24:03Z

2

@for ($i = 0; $i < count($orderProduct->column['Position']); $i++)
  <thead>
    <tr>
      <th>{{ $orderProduct->column['Position'][$i] }}</th>
      <th>{{ $orderProduct->column['Color'][$i] }}</th>
    </tr>
  </thead>
@endfor

answered May 29, 2021 at 23:24

DJafari

13.6k8 gold badges46 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

IGP · Accepted Answer · 2021-05-29 23:25:18Z

1

@foreach (array_combine($orderProduct['Position'], $orderProduct['Color']) as $position => $color)
  <thead>
    <tr>
      <th>{{ $position }}</th>
      <th>{{ $color }}</th>
    </tr>
  </thead>
@endforeach

answered May 29, 2021 at 23:25

IGP

16.4k5 gold badges34 silver badges55 bronze badges

1 Comment

Sarwar Alam Over a year ago

I tried your code, it works but it only outputs 2 rows (loops only once) when it should output 4. Not sure why.

erikgaal · Accepted Answer · 2021-05-29 23:26:42Z

1

Because you're using Laravel, I would suggest to make use of the Collection's zip method that "merges together the values of the given array with the values of the original collection at their corresponding index" (Docs)

You would use it like this:

$newArray = collect($array['Position'])->zip($array['Color']);

@foreach($newArray as [$position, $color])
  {{ $position }}
  {{ $color }}
@endforeach

answered May 29, 2021 at 23:26

erikgaal

3981 silver badge11 bronze badges

Collectives™ on Stack Overflow

Show two array values inside one foreach loop in Laravel

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related