如何在Laravel Blade中对多组foreach数据按order_id排序

方法一：集合合并后排序（灵活易维护） #

在控制器中先分别获取两个模型的数据，合并为一个集合后按order_id统一排序：

// 获取两个模型的数据（无需单独排序，最后统一处理）
$questions = Question::where('quiz_id', $quiz->id)->get();
$explanations = Explanations::where('quiz_id', $quiz->id)->get();

// 合并两个集合
$combinedCollection = $questions->merge($explanations);

// 按order_id升序排序
$sortedItems = $combinedCollection->sortBy('order_id');

在Blade模板中循环排序后的集合，根据模型类型渲染对应内容：

@foreach($sortedItems as $item)
    @if($item instanceof \App\Models\Question)
        <p>{{ $item->title }}</p> {{-- 替换为Question模型的实际内容字段 --}}
    @elseif($item instanceof \App\Models\Explanations)
        <p>{{ $item->content }}</p> {{-- 替换为Explanations模型的实际内容字段 --}}
    @endif
@endforeach

方法二：数据库层面联合查询（性能更优） #

如果数据量较大，推荐在数据库层面完成联合与排序，减少内存消耗：

use Illuminate\Support\Facades\DB;

// 构造Question查询，统一字段名并标记类型
$questionQuery = Question::select(
    'order_id',
    'title as content',
    DB::raw('"question" as type')
)->where('quiz_id', $quiz->id);

// 构造Explanations查询，统一字段名
$explanationQuery = Explanations::select(
    'order_id',
    'content',
    DB::raw('"explanation" as type')
)->where('quiz_id', $quiz->id);

// 联合查询并按order_id排序
$sortedItems = $questionQuery->union($explanationQuery)->orderBy('order_id')->get();

Blade模板中直接循环渲染即可：

@foreach($sortedItems as $item)
    <p>{{ $item->content }}</p>
@endforeach

关键说明 #

原代码的问题在于分别查询排序后分开循环输出，导致两组数据无法按order_id混合排列。方法一无需修改数据库查询逻辑，适合模型字段差异大的场景；方法二通过数据库层面操作减少内存占用，性能更优。

内容的提问来源于stack exchange，提问作者HarLton Hinon