如何将两个同索引PHP数组合并为单个数组用于AngularJS表格展示

这问题其实挺常见的，咱们可以用几种PHP方法实现按相同索引合并数组，之后把合并好的数组转成JSON传给AngularJS就能直接用于表格展示了，下面给你具体方案：

方法一：使用array_map快速合并 #

这种方法简洁高效，适合两个数组长度一致的情况：

// 假设你的两个源数组分别是$array1和$array2
$array1 = [
    ['vendor_name' => 'MIRAGE PET PRODUCTS', 'count_es' => 86, 'outofstalk' => 19, 'listing' => 64, 'pricing' => 2, 'discontinued' => 1, 'others' => 0],
    ['vendor_name' => 'THE HOME DEPOT', 'count_es' => 1, 'outofstalk' => 0, 'listing' => 1, 'pricing' => 0, 'discontinued' => 0, 'others' => 0]
];

$array2 = [
    ['incorrect_esc_count' => 1],
    ['incorrect_esc_count' => 0]
];

// 按索引合并子数组
$mergedArray = array_map(function($a, $b) {
    return array_merge($a, $b);
}, $array1, $array2);

array_map会遍历两个数组的对应索引元素，把每个位置的子数组用array_merge合并，正好匹配你要的结果。

方法二：手动循环合并（更灵活） #

如果你需要额外的判断逻辑（比如处理数组长度不一致的情况），可以用foreach循环手动合并：

$mergedArray = [];

foreach ($array1 as $index => $item) {
    // 先复制主数组的子元素
    $mergedItem = $item;
    // 检查第二个数组是否有对应索引的元素，避免报错
    if (isset($array2[$index])) {
        $mergedItem = array_merge($mergedItem, $array2[$index]);
    }
    $mergedArray[$index] = $mergedItem;
}

这种方法能灵活处理边界情况，比如某个索引在第二个数组中不存在时，不会抛出警告。

传给AngularJS用于表格展示 #

合并好数组后，需要把它转成JSON格式输出给前端：

// 设置响应头为JSON格式
header('Content-Type: application/json');
// 输出合并后的JSON数据
echo json_encode($mergedArray);

AngularJS端获取并展示数据 #

在AngularJS控制器中请求PHP接口，拿到数据后绑定到表格：

// 假设你的AngularJS模块是app
angular.module('app', [])
.controller('VendorTableController', function($scope, $http) {
    // 请求PHP接口获取合并后的数据
    $http.get('your-php-file.php')
    .then(function(response) {
        // 把数据赋值给作用域变量
        $scope.vendors = response.data;
    }, function(error) {
        console.error('获取数据失败:', error);
    });
});

然后在HTML中用ng-repeat渲染表格：

<div ng-app="app" ng-controller="VendorTableController">
    <table border="1">
        <thead>
            <tr>
                <th>Vendor Name</th>
                <th>Count ES</th>
                <th>Out of Stock</th>
                <th>Listing</th>
                <th>Pricing</th>
                <th>Discontinued</th>
                <th>Others</th>
                <th>Incorrect ESC Count</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="vendor in vendors">
                <td>{{vendor.vendor_name}}</td>
                <td>{{vendor.count_es}}</td>
                <td>{{vendor.outofstalk}}</td>
                <td>{{vendor.listing}}</td>
                <td>{{vendor.pricing}}</td>
                <td>{{vendor.discontinued}}</td>
                <td>{{vendor.others}}</td>
                <td>{{vendor.incorrect_esc_count}}</td>
            </tr>
        </tbody>
    </table>
</div>

内容的提问来源于stack exchange，提问作者rahul Patil