使用 PHP 将数据按类别 ID 分组并生成 JavaScript 对象

使用 php 将数据按类别 id 分组并生成 javascript 对象

本文旨在提供一种使用 PHP 将数据按照类别 ID 进行分组,并最终生成可直接嵌入 JavaScript 代码中的对象的方法。通过使用 array_reduce 函数,我们可以高效地将原始数据转换成所需格式,方便前端 JavaScript 代码使用。

数据准备

首先,假设我们有一个包含 id、category 和 subcategory 字段的数据数组。例如:

$data = [    ['id' => 1, 'category' => 1, 'subcategory' => 'Apple'],    ['id' => 2, 'category' => 1, 'subcategory' => 'Orange'],    ['id' => 3, 'category' => 2, 'subcategory' => 'Car'],    ['id' => 4, 'category' => 2, 'subcategory' => 'Motorcycle'],];

这个数组代表了数据库查询或其他数据来源的结果。我们的目标是将这个数组按照 category 字段进行分组,并生成一个如下格式的 JavaScript 对象:

const subkategoris = {    "1":[        {value:1, desc:"Apple"},        {value:2, desc:"Orange"},    ],    "2":[        {value:3, desc:"Car"},        {value:4, desc:"Motorcycle"},    ],    // ...etc};

使用 array_reduce 进行分组

PHP 的 array_reduce 函数是一个强大的工具,可以用来将数组归约为单个值。在这里,我们将使用它来将原始数据数组转换为按类别分组的数组。

立即学习“PHP免费学习笔记(深入)”;

$result = array_reduce($data, function($res, $item) {    $category = $item['category'];    $existing = $res[$category] ?? [];    $existing[] = ['value' => $item['id'], 'desc' => $item['subcategory']];    $res[$category] = $existing;    return $res;}, []);// 输出结果print_r($result);

这段代码的解释如下:

array_reduce($data, function($res, $item) { … }, []): array_reduce 函数接受三个参数:

$data: 要处理的原始数组。function($res, $item) { … }: 一个回调函数,它接受两个参数:$res: 累加器,它在每次迭代中存储中间结果。初始值由第三个参数指定。$item: 当前迭代的数组元素。[]: 累加器的初始值,这里是一个空数组。

$category = $item[‘category’]: 从当前数组元素 $item 中提取 category 字段的值。

$existing = $res[$category] ?? []: 检查累加器 $res 中是否已经存在以 $category 为键的元素。如果存在,则将其赋值给 $existing;否则,将一个空数组赋值给 $existing。 ?? 是 PHP 7+ 的 null 合并运算符,用于简化条件判断。

$existing[] = [‘value’ => $item[‘id’], ‘desc’ => $item[‘subcategory’]]: 创建一个新的数组,包含 value (值为 $item[‘id’]) 和 desc (值为 $item[‘subcategory’]) 字段,并将它添加到 $existing 数组中。

$res[$category] = $existing: 将 $existing 数组赋值给累加器 $res 中以 $category 为键的元素。

return $res: 返回累加器 $res,以便在下一次迭代中使用。

执行这段代码后,$result 变量将包含以下内容:

Array(    [1] => Array        (            [0] => Array                (                    [value] => 1                    [desc] => Apple                )            [1] => Array                (                    [value] => 2                    [desc] => Orange                )        )    [2] => Array        (            [0] => Array                (                    [value] => 3                    [desc] => Car                )            [1] => Array                (                    [value] => 4                    [desc] => Motorcycle                )        ))

生成 JavaScript 对象

现在,我们需要将 $result 数组转换为 JavaScript 对象字符串。我们可以使用 json_encode 函数来实现这一点。

$json = json_encode($result);echo "n";echo "const subkategoris = " . $json . ";n";echo "n";

这段代码的解释如下:

$json = json_encode($result): 使用 json_encode 函数将 PHP 数组 $result 转换为 JSON 字符串。

echo “n”: 输出 标签的开始部分,指定脚本类型为 JavaScript。

echo “const subkategoris = ” . $json . “;n”: 输出 JavaScript 代码,创建一个名为 subkategoris 的常量,并将其赋值为 JSON 字符串 $json。

echo “n”: 输出 标签的结束部分。

最终输出的 HTML 代码将包含以下 JavaScript 代码:

const subkategoris = {"1":[{"value":1,"desc":"Apple"},{"value":2,"desc":"Orange"}],"2":[{"value":3,"desc":"Car"},{"value":4,"desc":"Motorcycle"}]};

这段 JavaScript 代码定义了一个名为 subkategoris 的常量,它是一个包含类别 ID 和对应子类别信息的对象。

注意事项

数据类型: 确保 PHP 数组中的数据类型与 JavaScript 期望的数据类型一致。例如,数字应该表示为整数或浮点数,字符串应该使用 UTF-8 编码。JSON 编码选项: json_encode 函数接受一些可选参数,可以用来控制 JSON 编码的行为。例如,可以使用 JSON_UNESCAPED_UNICODE 选项来防止 Unicode 字符被转义。安全性: 如果数据来自用户输入或其他不可信的来源,请确保对数据进行适当的验证和转义,以防止跨站脚本攻击 (XSS)。

总结

本文介绍了如何使用 PHP 的 array_reduce 函数将数据按照类别 ID 进行分组,并生成可直接嵌入 JavaScript 代码中的对象。这种方法可以有效地将服务器端数据传递到客户端,方便前端 JavaScript 代码使用。 通过合理使用 array_reduce 和 json_encode 函数,可以简化数据处理流程,提高开发效率。

以上就是使用 PHP 将数据按类别 ID 分组并生成 JavaScript 对象的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1293619.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
在PHP与JavaScript中将扁平数据转换为按类别分组的嵌套结构
上一篇 2025年12月11日 09:14:33
高效构建PHP/JS嵌套数据结构:基于分类ID的分组策略
下一篇 2025年12月11日 09:14:39

相关推荐

  • 苹果 AI 功能滞后 外媒建议借鉴对手三大功能迎头赶上

    苹果 AI 功能滞后 外媒建议借鉴对手三大功能迎头赶上苹果 AI 功能滞后 外媒建议借鉴对手三大功能迎头赶上苹果 AI 功能滞后 外媒建议借鉴对手三大功能迎头赶上苹果 AI 功能滞后 外媒建议借鉴对手三大功能迎头赶上

    苹果在人工智能(ai)领域的发展似乎并不顺利。自去年全球开发者大会(wwdc)以来,苹果承诺的众多ai功能至今尚未实现,使得其在这一领域的竞争力比去年6月时有所下降。有外媒建议,苹果可以借鉴竞争对手的三大ai功能来迎头赶上。 借鉴谷歌的Notebook LM 谷歌的Notebook LM具备自定义指…

    2026年9月26日 • 用户投稿
    000
  • Laravel框架中Pipeline的解析(代码示例)

    本篇文章给大家带来的内容是关于laravel框架中pipeline的解析(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 大家好,今天给大家介绍下Laravel框架的Pipeline。 它是一个非常好用的组件,能够使代码的结构非常清晰。 Laravel的中间件机制便是基于…

    2026年9月26日
    000
  • 云原生Java监控全套方案:从Micrometer到Grafana可视化看板

    云原生Java监控全套方案:从Micrometer到Grafana可视化看板云原生Java监控全套方案:从Micrometer到Grafana可视化看板云原生Java监控全套方案:从Micrometer到Grafana可视化看板云原生Java监控全套方案:从Micrometer到Grafana可视化看板

    云原生Java监控方案以Micrometer收集指标,Prometheus存储查询,Grafana实现可视化。Micrometer提供供应商中立的API,与Spring Boot Actuator集成,自动暴露JVM、HTTP等指标;通过micrometer-registry-prometheus依…

    2026年9月26日 • 用户投稿
    000
  • 夸克AI写作文靠谱吗_夸克AI写作助手效果与能力评测

    夸克AI写作文靠谱吗_夸克AI写作助手效果与能力评测夸克AI写作文靠谱吗_夸克AI写作助手效果与能力评测夸克AI写作文靠谱吗_夸克AI写作助手效果与能力评测夸克AI写作文靠谱吗_夸克AI写作助手效果与能力评测

    夸克AI写作助手在高考作文辅导中表现优异,能快速构建逻辑清晰的议论文结构,围绕“第二次呼吸”等题目提炼成长主题,分论点衔接自然;引用2024年敦煌数字化修复、马拉松真实数据等新颖素材,增强时代感与说服力;语言表达生动,善用比喻与哲理金句,避免空洞口号;实际应用中获教师认可,助力学生提升写作效率与思维…

    2026年9月26日 • 用户投稿
    100
  • sublime怎么格式化代码_Sublime Text代码格式化设置与快捷键

    sublime怎么格式化代码_Sublime Text代码格式化设置与快捷键sublime怎么格式化代码_Sublime Text代码格式化设置与快捷键sublime怎么格式化代码_Sublime Text代码格式化设置与快捷键sublime怎么格式化代码_Sublime Text代码格式化设置与快捷键

    Sublime Text通过安装HTML-CSS-JS Prettify等插件可实现代码格式化,需先安装Package Control,再通过命令面板搜索并安装插件,随后在Key Bindings中添加快捷键配置,如Ctrl+Alt+F用于格式化JS/HTML/CSS文件,保存后即可使用;注意确保文…

    2026年9月26日 • 用户投稿
    100
  • Node.js spawn 命令参数解析与 shell: true 的应用

    Node.js spawn 命令参数解析与 shell: true 的应用Node.js spawn 命令参数解析与 shell: true 的应用Node.js spawn 命令参数解析与 shell: true 的应用Node.js spawn 命令参数解析与 shell: true 的应用

    本文探讨Node.js child_process.spawn 函数在处理复杂命令行参数时遇到的常见问题,特别是当参数包含路径或需要特殊解释时,可能导致目标程序(如Java)无法正确识别。通过引入 shell: true 选项,并结合正确的参数格式化,可以有效解决此类问题,同时强调了使用此选项时的安…

    2026年9月26日 • 用户投稿
    000
  • 公众号粉丝互动怎么做_提升公众号粉丝互动的实用策略

    公众号粉丝互动怎么做_提升公众号粉丝互动的实用策略公众号粉丝互动怎么做_提升公众号粉丝互动的实用策略公众号粉丝互动怎么做_提升公众号粉丝互动的实用策略公众号粉丝互动怎么做_提升公众号粉丝互动的实用策略

    提升公众号互动需优化内容选题、设置奖励机制、善用投票问答、建立分层社群、创新视觉形式,通过共鸣内容与多元互动手段增强粉丝参与。 如果您希望提升公众号粉丝的参与度,但发现留言少、点赞低、分享不足,可能是内容与用户需求脱节或互动机制不完善。以下是提升公众号粉丝互动的有效策略: 一、优化内容选题激发共鸣 …

    2026年9月26日 • 用户投稿
    100
  • Windows Server 2012 Hyper-V群集图文教程

    Windows Server 2012 Hyper-V群集图文教程Windows Server 2012 Hyper-V群集图文教程Windows Server 2012 Hyper-V群集图文教程Windows Server 2012 Hyper-V群集图文教程

    接下来我们将继续测试windows server 2012 hyper-v群集功能,以实现虚拟机的高可用性。 实验环境: 四台服务器均运行Windows Server 2012 DataCenter操作系统。 SRV2012服务器上安装了iSCSI目标服务器角色,并配置了两个虚拟磁盘,供两台群集服务…

    2026年9月26日 • 用户投稿
    100
  • Laravel Eloquent的技巧分享(示例讲解)

    本篇文章给大家带来的内容是关于laravel eloquent的技巧分享(示例讲解),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Laravel 是一个功能丰富的框架。但是,你无法从官方文档中找到所有可用的功能。以下是一些你可能不知道的功能。 1.获取原始属性 当修改一条 Elo…

    2026年9月26日
    000
  • 《生化危机:代号维罗妮卡》重制版或成为主系列大作 规格高

    《生化危机:代号维罗妮卡》重制版或成为主系列大作 规格高《生化危机:代号维罗妮卡》重制版或成为主系列大作 规格高《生化危机:代号维罗妮卡》重制版或成为主系列大作 规格高《生化危机:代号维罗妮卡》重制版或成为主系列大作 规格高

    近日,知名爆料人dusk golem透露,《生化危机:代号维罗妮卡》重制版不仅由参与过《生化危机2:重制版》和《生化危机4:重制版》的核心开发人员担纲,更在制作规格上被定位为高预算、高规格的正统主系列作品,而非普通的重制项目。 据悉,卡普空将该项目视为系列未来的重要一环,投入资源堪比全新正统续作。本…

    2026年9月26日 • 用户投稿
    000
  • 服务发现组件 Eureka 和 Nacos 有什么区别?

    服务发现组件 Eureka 和 Nacos 有什么区别?服务发现组件 Eureka 和 Nacos 有什么区别?服务发现组件 Eureka 和 Nacos 有什么区别?服务发现组件 Eureka 和 Nacos 有什么区别?

    Eureka 侧重服务注册与发现,适合简单场景;Nacos 功能更全,支持配置管理、动态更新与高扩展性,适用于复杂微服务架构。选择需根据技术栈、项目规模及未来扩展需求权衡,Nacos 在大型项目中更具优势。 Eureka 和 Nacos 都是服务发现组件,核心作用都是让服务能够被其他服务找到并调用。…

    2026年9月26日 • 用户投稿
    000
  • 剪映创作者交流会:全面引入AI能力,打造一站式创作工具

    剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具剪映创作者交流会:全面引入AI能力,打造一站式创作工具

    日前,剪映在2025创作者交流大会上以“all in ai,all in one,创作,无限新可能”为主题,全面展示了其在ai领域的最新进展,并与众多内容创作者深入探讨了人工智能如何重构视频创作流程、降低技术门槛,激发更广泛的创意潜能。 剪映产品负责人在会上表示,剪映的愿景是成为每一位创作者的“全能…

    2026年9月26日 • 用户投稿
    1100
  • Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享

    Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享Gemini生成内容能导出吗 Gemini结果保存与导出技巧分享

    关于Gemini生成内容能否导出或保存的问题,答案是肯定的。Gemini作为一款强大的AI工具,其生成的结果通常可以通过多种方式进行保存和导出,以便您后续查阅、编辑或分享。本文旨在分享一些实用的技巧,帮助您轻松保存Gemini的输出内容。我们将分步骤讲解如何通过几种主要方式实现这一目标,方便您学习和…

    2026年9月26日 • 用户投稿
    000
  • 浅谈 Windows 桌面端触摸架构演进

    浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进浅谈 Windows 桌面端触摸架构演进

    我在和小伙伴水触摸相关的坑,说到了上古的触摸,很难和小伙伴统一知识,于是就写了本文用于告诉大家,桌面端的触摸架构是如何一步步演进的 所有触摸架构都建立在系统之上,和系统版本相关。所以可以通过系统划分。虽然说是触摸架构,但是我能知道的也就是应用层面的接口和编程方法,如果是小伙伴被标题吸引过来的,想看触…

    2026年9月26日 • 用户投稿
    100
  • laravel项目之发布导致的BUG(环境变量问题)

    本篇文章给大家带来的内容是关于laravel项目之发布导致的BUG(环境变量问题) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 laravel项目的某一次发布后,项目中连接数据库突然报错,而用同样的数据库账号密码在机器上连接是可以的。 临时解决方案 经过短暂时间的排查,没找到原…

    2026年9月26日
    300
  • pr如何把文字置于背景图片下方

    pr如何把文字置于背景图片下方pr如何把文字置于背景图片下方pr如何把文字置于背景图片下方pr如何把文字置于背景图片下方

    在使用premiere pro(pr)进行视频编辑时,将文字放在背景图片下方是一个常见的需求。以下为你详细介绍操作方法。 首先,在pr中导入背景图片和准备添加的文字素材。将背景图片拖入时间轴的视频轨道。 接下来添加文字。点击“字幕”工具,在节目监视器中创建文字。你可以设置文字的字体、大小、颜色等属性…

    2026年9月26日 • 用户投稿
    100
  • sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置

    sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置sublime怎么搭建go语言开发环境_sublime Go语言开发环境配置

    首先安装Go环境并配置GOPATH、GOROOT和PATH,验证go version和go env;接着安装Sublime Text及其包管理工具Package Control;然后通过Ctrl+Shift+P安装GoSublime、GoFmt和SideBarGo插件;再进入GoSublime Pr…

    2026年9月26日 • 用户投稿
    200
  • windows怎么查看cpu核心数和线程数 windows查看cpu核心与线程数教程

    windows怎么查看cpu核心数和线程数 windows查看cpu核心与线程数教程windows怎么查看cpu核心数和线程数 windows查看cpu核心与线程数教程windows怎么查看cpu核心数和线程数 windows查看cpu核心与线程数教程windows怎么查看cpu核心数和线程数 windows查看cpu核心与线程数教程

    首先通过任务管理器查看CPU核心数和线程数,依次使用系统信息工具、PowerShell命令及命令提示符查询,四种方法均可准确获取联想小新Pro 16在Windows 11系统下的处理器核心与线程信息。 如果您需要了解计算机的处理器性能或进行系统优化,查看CPU的核心数和线程数是基础操作。掌握这些信息…

    2026年9月26日 • 用户投稿
    100
  • 优化快速排序:避免大型数组的栈溢出错误

    优化快速排序:避免大型数组的栈溢出错误优化快速排序:避免大型数组的栈溢出错误优化快速排序:避免大型数组的栈溢出错误优化快速排序:避免大型数组的栈溢出错误

    快速排序在处理大型数组时,由于递归深度过大可能导致栈溢出错误。本文将详细介绍如何通过优化递归策略,即始终对较小分区进行递归调用,并使用循环处理较大分区,从而将递归深度限制在对数级别(O(log n)),有效避免栈溢出,同时保持算法的平均时间复杂度。 快速排序与栈溢出挑战 快速排序(quicksort…

    2026年9月26日 • 用户投稿
    500
  • 实现搜索结果按字母排序:PHP结合Ajax的专业教程

    本文档旨在提供一种使用PHP和Ajax对通过POST方法获取的搜索结果进行A-Z排序的解决方案。我们将创建一个表单,保存POST数据,并利用PHP函数对医生列表进行排序,最终通过Ajax实现无需刷新页面的排序功能。 1. 修改 search.php 文件 首先,我们需要在 search.php 文件…

    2026年9月26日
    000

发表回复

登录后才能评论
关注微信