如何让JavaScript传递的多维数组在PHP中保持原键名格式？

问题根源 #

当前JavaScript端用**数组（[]）**包裹多个单键对象，序列化后会生成JSON索引数组，PHP解析后自然变成键为0、1、2的索引数组，和原PHP关联数组结构不匹配。

核心解决方案 #

1. 修正JavaScript的数据结构

直接将数据定义为单个对象，以角色名（default/editor/author）作为顶级键，对应权限配置对象，和PHP原数组结构一一对应：

var userLimit = {
    "default": {
        "playlistLimit": "1",
        "mediaLimit": "2"
    },
    "editor": {
        "playlistLimit": "5",
        "mediaLimit": "20"
    },
    "author": {
        "playlistLimit": "2",
        "mediaLimit": "10"
    }
};

序列化后得到的JSON字符串是标准键值对结构，和PHP原关联数组的JSON格式完全一致。

2. PHP端正确解析

接收JSON数据后，使用json_decode并传入第二个参数true，将JSON对象转为PHP关联数组：

$jsonData = file_get_contents('php://input');
$userLimit = json_decode($jsonData, true);

// 循环即可拿到原键名
foreach ($userLimit as $role => $limits) {
    echo $role; // 输出 default、editor、author
}

特殊场景：编辑时需用数组渲染 #

如果前端编辑界面需要用数组形式循环渲染（比如表单动态行），可以在提交前将数组转回关联对象：

// 假设编辑时的数组结构
const editArray = [
    {"default": {"playlistLimit": "1", "mediaLimit": "2"}},
    {"editor": {"playlistLimit": "5", "mediaLimit": "20"}},
    {"author": {"playlistLimit": "2", "mediaLimit": "10"}}
];

// 提交前转换为关联对象
const submitData = editArray.reduce((result, item) => {
    const role = Object.keys(item)[0];
    result[role] = item[role];
    return result;
}, {});

// 序列化后传递给PHP
const jsonString = JSON.stringify(submitData);

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