0

0

如何将对象中键名含相同数字后缀的属性配对合并为数组对象

花韻仙語

花韻仙語

发布时间:2026-01-20 14:51:33

|

401人浏览过

|

来源于php中文网

原创

如何将对象中键名含相同数字后缀的属性配对合并为数组对象

本文介绍一种高效、可扩展的方法,将具有相同数字后缀的键值对(如 `lote0` 与 `loteqnt0`)自动分组并组合成结构化对象数组,避免硬编码过滤逻辑,支持任意前缀和多组匹配。

在实际开发中,我们常遇到这类“带编号键名”的扁平对象,例如表单数据、配置项或 API 响应:

const vls = {
  "lote0": "jg",
  "lote1": "h",
  "lote2": "fm",
  "loteQnt0": "jgvalue",
  "loteQnt1": "hvalue",
  "loteQnt2": "fmvalue"
};

目标是按数字后缀(0, 1, 2…)将匹配的键聚合,生成如下结构的数组:

[
  { name: "jg", value: "jgvalue" },
  { name: "h",  value: "hvalue"  },
  { name: "fm", value: "fmvalue" }
]

推荐实现(健壮、可复用、无硬编码):
我们不预先假设前缀(如 "lote" 或 "loteQnt"),而是通过正则提取所有键的「数字后缀」,再按该数字分组键名,最后映射为统一字段名的对象。

function groupByNumberSuffix(obj, keyMap = {}) {
  // 步骤 1:提取所有键的数字后缀,并归类
  const groups = new Map(); // Map<number, { [key: string]: any }>

  Object.entries(obj).forEach(([key, value]) => {
    const match = key.match(/(\D+)(\d+)$/); // 匹配末尾数字,如 'lote0' → ['lote0','lote','0']
    if (!match) return;

    const [, prefix, numStr] = match;
    const num = Number(numStr);

    if (!groups.has(num)) {
      groups.set(num, {});
    }
    groups.get(num)[prefix] = value;
  });

  // 步骤 2:按 keyMap 映射字段名(默认:prefix → 小驼峰首字母)
  const result = [];
  for (const [num, groupObj] of groups.entries()) {
    const mapped = {};
    for (const [prefix, val] of Object.entries(groupObj)) {
      const targetKey = keyMap[prefix] || 
                        prefix.replace(/^[a-z]/, c => c.toUpperCase()); // 如 'lote' → 'Lote'
      mapped[targetKey] = val;
    }
    result.push(mapped);
  }

  // 步骤 3:按数字升序返回(确保 0,1,2…顺序)
  return result.sort((a, b) => {
    const numA = Object.keys(a).find(k => /\d+/.test(k)) || '0';
    const numB = Object.keys(b).find(k => /\d+/.test(k)) || '0';
    return parseInt(numA) - parseInt(numB);
  });
}

// 使用示例:
const vls = {
  "lote0": "jg", "lote1": "h", "lote2": "fm",
  "loteQnt0": "jgvalue", "loteQnt1": "hvalue", "loteQnt2": "fmvalue"
};

const result = groupByNumberSuffix(vls, {
  lote: 'name',
  loteQnt: 'value'
});

console.log(result);
// → [
//     { name: "jg", value: "jgvalue" },
//     { name: "h",  value: "hvalue"  },
//     { name: "fm", value: "fmvalue" }
//   ]

? 关键优势说明:

Atoms.dev
Atoms.dev

AI创业智能体平台,通过多智能体系统实现业务自主构建与运营。

下载
  • 动态识别后缀:无需手动拆分 lote* 和 loteQnt*,正则 /(\D+)(\d+)$/ 自动捕获前缀与数字;
  • 灵活字段映射:通过 keyMap 参数声明 lote → name、loteQnt → value,语义清晰且可扩展;
  • 健壮容错:跳过无数字后缀的键(如 "meta"),不中断流程;
  • 有序输出:结果按数字升序排列,符合直觉;
  • 零依赖:纯 JavaScript,兼容 ES2015+。

⚠️ 注意事项:

  • 键名必须以「非数字字符 + 数字」结尾(如 item123 ✅,123item ❌,item_123 ❌);若需支持下划线等分隔符,可调整正则为 /(\D+?)_(\d+)$/ 或 /(\D+?)(\d+)$/;
  • 若同一数字对应多个同前缀键(如两个 lote0),后者会覆盖前者——建议确保原始数据键唯一;
  • 如需支持嵌套结构或更复杂匹配逻辑,可进一步封装为 groupByPattern(patterns) 函数。

总结:该方案将「按数字归组」这一通用需求抽象为可配置函数,兼顾简洁性与工程健壮性,适用于表单批量解析、动态表格渲染、配置合并等多种场景。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

2

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

24

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

80

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

187

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

339

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

116

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

180

2026.03.03

C++高性能网络编程与Reactor模型实践
C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开,深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例,帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

31

2026.03.03

Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

81

2026.02.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号