ループ上でイイネ前の投稿とイイネ済みの投稿の区別がつくように表示を変化させたい

Question

前提・実現したいこと

現状

• ECサイトのようなアプリ作成中
• stocksテーブルに商品の情報を格納済
• favoritesテーブルにだれがどの商品にイイネしたかを記録したかを格納済み
• ログインユーザーは商品一覧ページよりイイネボタンを押してお気に入り登録可能
• ユーザーは自分がイイネを押した商品をfavoriteページにて一覧可能

やりたいこと
商品一覧ページにアクセスしたとき、
すでにイイネ済みの商品と
まだイイネしていない商品の区別がつくようにしたいです。

例えばイイネ済みであれば、赤いハートマークを付けるなど
（デザインのコーディング自体はできると思います。）

発生している問題・エラーメッセージ

ログインユーザーがお気に入り登録済みの商品のID一覧は取得できます。
商品自体を一覧し、それぞれのIDを取得することもできます。

しかし、この2つを組み合わせた条件式の書き方がわかりません。

該当のソースコード

↓ビューファイル(images.blade.php)

ログインユーザーがお気に入りに登録しているのは
@foreach($items as $item)
id:{{$item->stock->id}}
@endforeach

<div class="d-flex flex-row flex-wrap">
    @foreach($stocks as $stock)
    <div class="col-xs-6 col-sm-4 col-md-4 img_box ">
        <div class="mycart_box">
            id:{{$stock->id}}<br>
            <div class="stock_thumbnail">
                    <img src="/image/{{$stock->path}}" alt="" class="incart">
                <form action="favorite" method="post">
                    @csrf
                    <input type="hidden" name="stock_id" value="{{ $stock->id }}">
                    <div class="favorite_icon mouseon_icon">
                        ここの表示を変化させたい→<span class="trigger"><button class=""><i class="far fa-heart"></i></button></span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    @endforeach

↓出力画面

↓コンローラー(ShopController.php)

public function images(Favorite $favorite) 
{
    $stocks = DB::table('stocks')->where('genre', 'image')->Paginate(6);//stocksテーブルにおいてgenreがimageのレコードをページネーションで取得
    $data = $favorite->showFavorite();//FavariteモデルのshowFavoriteメソッドの実行結果を格納
    return view('images', compact('stocks'), $data);
}

↓モデル（Favorite.php）

public function showFavorite()
    {
        $user_id = Auth::id(); //ログインしているユーザーのIDを取得
        $data['items'] = $this->where('user_id', $user_id)->get();//ログインユーザーのIDと同じ値を持つuser_idカラムのレコードを連想配列$dataのキー「items」に格納
        return $data; //連想配列データを実行結果として返す
    }
public function stock()
    {
        return $this->belongsTo('\App\Models\Stock');//Favoriteテーブル内に書かれたメソッドにもかかわらずストックテーブルの中身も参照できるようにするメソッド
    }

↓ルーティング(web.php)

Route::get('/images', 'ShopController@images');//商品一覧ページを表示するアクション
Route::post('/favorite', 'ShopController@addMyfavorite');//お気に入り追加アクション

試したいこと

「お気に入りに登録しているIDと商品のIDが一致したら」という条件式の書き方がわかりません。
複数の配列（itemsとstocks)を１つのforeach文の中で同時に回す必要があるのか？
などと考えているのですが、
その方法が分からず、この先が思いつかない状況です。

何かヒントをいただけると幸いです。

補足情報（FW/ツールのバージョンなど）

laravel6.0

Answer 1

お気に入りリストの方をidによるハッシュマップに変換しておけば、ハッシュマップにキーが存在するか？のチェックのif分岐だけ書けば良さそうです。

Comments

[bokupiroki]

ありがとうございます。
「ハッシュマップ」でググってみたのですが、連想配列みたいなやつのことですよね？

①お気に入りリストに追加したアイテムのIDを任意の配列に格納
②商品一覧のループにおいて、『「①」で定義した配列内に、該当商品のIDが含まれていたら表示を変更するif文』を書く

このような流れで検討してみようと思いました。
もし見当違いでしたら申し訳ありません。

[yamotuki]

あってます！
キーがあるかどうかはphpでしたらここら辺が使えるイメージです。issetでもいいかもしれません。
https://www.php.net/manual/ja/function.array-key-exists.php

[bokupiroki]

できました！
連想配列ではなく、通常の配列でやりました。

array_key_existsだとうまくできなかったので、
in_arrayを使って配列内に値があるか調べました。

ありがとうございました！

■最終的なコード
<?php
foreach($items as $item){
$favorite_list[] = $item->stock->id;//イイネ済みの商品IDを配列に格納
}
$favorite_list[]='dammy';//イイネ済み商品リストが空だとなぜかエラーになるのでダミーを配列に付与
?>

<div class="d-flex flex-row flex-wrap">
@foreach($stocks as $stock)
<div class="col-xs-6 col-sm-4 col-md-4 img_box ">
<div class="mycart_box">
id:{{$stock->id}}<br>
<div class="stock_thumbnail">
<img src="/image/{{$stock->path}}" alt="" class="incart">
<form action="favorite" method="post">
@csrf
<input type="hidden" name="stock_id" value="{{ $stock->id }}">
<div class="favorite_icon mouseon_icon">
@if(in_array($stock->id, $favorite_list,true))
<span class="expert">登録済み </span>
<span class="trigger"><button class=""><i style="color:red;" class="far fa-heart"></i></button></span>
@else
<span class="expert">未登録 </span>
<span class="trigger"><button class=""><i class="far fa-heart"></i></button></span>
@endif
</div>
</form>
</div>
</div>
</div>
@endforeach