当后端返回的是键值对对象（而非数组）时，直接调用 `.map()` 会报错，因为对象不支持该方法；应先用 `object.entries()` 将其转为 `[key, value]` 形式的二维数组，再进行映射。
在前端开发中，我们常需将后端传来的翻译映射数据（如 "Comedy": "Komedi\u0103 Filmi"）结构化为下拉选项数组（如 [{value: "Comedy", label: "Komedi\u0103 Filmi"}]）。但若后端返回的是纯对象（即关联数组/字典），而非数值索引数组，则 JavaScript 的 .map() 方法无法直接调用——因为 .map() 是 Array.prototype 上的方法，而普通对象没有该方法。
你原始代码：
const genreOptions = [{{ genreOptions | json_encode | raw }}].map((type, label) => ({value: type, label: label}));看似加了方括号 [...] 想强制转为数组，但实际上 {{ genreOptions | json_encode | raw }} 渲染后是 JSON 对象字面量（如 {"Horror":"Korku","Comedy":"Komedi\u0103 Filmi",...}），因此 [obj] 创建的是一个单元素数组：[{Horror: "...", Comedy: "..."}]。对该数组调用 .map() 时，参数 (type, label) 实际接收的是这个完整对象和索引 0，而非你期望的键与值——这不仅逻辑错误，还因解构失败导致结果异常。
✅ 正确做法是：使用 Object.entries() 将对象转换为键值对数组：
const genreOptions = Object.entries({
"Horror": "Korku",
"Comedy": "Komedi\u0103 Filmi",
"Action": "Aksiyon",
"Drama": "Drama"
}).map(([key, value]) => ({
value: key, // 如 "Comedy"
label: value // 如 "Komedi\u0103 Filmi"
}));⚠️ 注意事项：
- Object.entries() 返回格式为 [['Horror', 'Korku'], ['Comedy', 'Komedi\u0103 Filmi'], ...]，因此 map 回调中需用 数组解构 ([key, value]) 接收，而非 (key, value)（后者会把整个子数组作为第一个参数，value 反而变成索引）。
- 确保后端输出始终为对象（而非意外返回 null 或字符串），建议增加类型校验：
const raw = {{ genreOptions | json_encode | raw }}; const genreOptions = raw && typeof raw === 'object' && !Array.isArray(raw) ? Object.entries(raw).map(([k, v]) => ({ value: k, label: v })) : []; - 若需兼容旧版数值索引数组（如 ["Horror", "Comedy"]），可统一处理：
const entries = Array.isArray(raw) ? raw.map(v => [v, v]) // value 和 label 相同 : Object.entries(raw || {}); const genreOptions = entries.map(([v, l]) => ({ value: v, label: l }));
最终生成的 genreOptions 将是标准选项数组，可直接用于 React Select、Vue <select> 或任何 UI 组件库。
