讲师中心 微信公众号
AI工具推荐 视频效率加速

从字符串中提取并格式化日期范围的JavaScript教程

轻宇大大_4918

轻宇大大_4918

发布时间:2025-12-08 22:03:23

|

573人浏览过

|

来源于php中文网

原创

从字符串中提取并格式化日期范围的JavaScript教程

本教程详细介绍了如何使用javascript从包含日期范围的复杂字符串中高效地提取起始和结束日期,并将其格式化为'yyyy-mm-dd'和'yyyymm'两种标准形式。通过结合正则表达式的强大匹配能力和自定义辅助函数,我们将提供一个清晰、分步的解决方案,以满足数据解析和报告中的常见日期处理需求,确保输出结果结构化且易于使用。

在数据处理和分析中,我们经常需要从非结构化或半结构化的字符串中提取特定信息。其中,从包含日期范围的文本中解析出起始和结束日期,并将其转换为统一的格式,是一项非常普遍的任务。本教程将指导您如何使用JavaScript,通过正则表达式和自定义函数,高效地完成这一任务。

假设我们有一个字符串,其中包含一个日期范围,例如 01/01/2018-31/12/2018。我们的目标是从中提取出这两个日期,并将它们转换为 YYYY-MM-DD 和 YYYYMM 两种格式,最终存储在一个数组中,如 ['2018-01-01', '2018-12-31', '201801', '201812']。

核心思路

解决此问题的关键在于两步:

  1. 提取原始日期字符串:使用正则表达式从原始文本中准确捕获到起始和结束日期的字符串(例如 01/01/2018)。
  2. 格式化日期字符串:编写一个辅助函数,将捕获到的 DD/MM/YYYY 格式的日期转换为所需的 YYYY-MM-DD 和 YYYYMM 格式。

步骤一:使用正则表达式提取原始日期字符串

首先,我们需要一个正则表达式来匹配并捕获字符串中的日期范围。考虑到日期格式是 DD/MM/YYYY,并且两个日期之间由连字符 - 连接,我们可以构建如下的正则表达式:

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

(\d{2}\/\d{2}\/\d{4})-(\d{2}\/\d{2}\/\d{4})

jm-jsjkxyjs02-zlm-405
jm-jsjkxyjs02-zlm-405

使用约定式提交(Conventional Commits)生成标准化的 Git 提交信息。适用于以下场景: (1) 暂存更改时需要提交信息; (2) 审查 diff 时希望获得结构化摘要; (3) 编写 PR 描述或变更日志(changelog)条目; (4) 用户明确要求“为本次更改编写提交信息”。 该功能会分析已暂存/未暂存的 diff,并生成按类型(type)划分范围的提交信息。

下载
  • \d{2} 匹配两位数字(例如日、月)。
  • \/ 匹配斜杠字符。
  • \d{4} 匹配四位数字(例如年)。
  • 括号 () 创建捕获组,分别捕获第一个日期和第二个日期。
  • - 匹配日期范围之间的连字符。

我们将使用 String.prototype.match() 方法配合此正则表达式来提取日期。

步骤二:定义日期格式化辅助函数

为了将 DD/MM/YYYY 格式的日期转换为 YYYY-MM-DD 和 YYYYMM 格式,我们可以创建一个独立的辅助函数。这个函数将接收一个日期字符串作为输入,并返回一个包含两种目标格式的数组。

const formatDateParts = (dateString) => {
    // 使用 '/' 分割日期字符串,得到日、月、年
    const [day, month, year] = dateString.split('/');
    // 构造 YYYY-MM-DD 格式
    const formattedDate = [year, month, day].join('-');
    // 构造 YYYYMM 格式
    const condensedDate = `${year}${month}`;
    return [formattedDate, condensedDate];
};

步骤三:整合与输出结果

现在,我们将以上两个步骤整合起来,完成整个日期提取和格式化的过程。

完整代码示例

以下是实现上述功能的完整JavaScript代码:

/**
 * 从指定字符串中提取日期范围并格式化。
 * @param {string} inputString 包含日期范围的原始字符串。
 * @returns {Array<string>} 包含格式化后的起始和结束日期的数组,
 *                          格式依次为 [YYYY-MM-DD (start), YYYY-MM-DD (end), YYYYMM (start), YYYYMM (end)]。
 *                          如果未找到日期范围,则返回空数组。
 */
const extractAndFormatDateRange = (inputString) => {
    // 辅助函数:将 DD/MM/YYYY 格式的日期转换为 YYYY-MM-DD 和 YYYYMM
    const formatDateParts = (dateString) => {
        const [day, month, year] = dateString.split('/');
        const formattedDate = [year, month, day].join('-');
        const condensedDate = `${year}${month}`;
        return [formattedDate, condensedDate];
    };

    // 使用正则表达式匹配并捕获日期范围
    // 第一个捕获组是起始日期,第二个是结束日期
    const match = inputString.match(/(\d{2}\/\d{2}\/\d{4})-(\d{2}\/\d{2}\/\d{4})/);

    // 检查是否成功匹配
    if (!match) {
        console.warn("未在字符串中找到匹配的日期范围。");
        return [];
    }

    // 解构匹配结果,忽略完整的匹配字符串 (match[0])
    const [_, startDateStr, endDateStr] = match;

    // 格式化起始日期
    const [startDateFormatted, startDateCondensed] = formatDateParts(startDateStr);
    // 格式化结束日期
    const [endDateFormatted, endDateCondensed] = formatDateParts(endDateStr);

    // 组合所有结果并返回
    const result = [
        startDateFormatted,
        endDateFormatted,
        startDateCondensed,
        endDateCondensed
    ];

    return result;
};

// 示例用法
const inputString = '1: Mode: SOME Date range: 01/01/2018-31/12/2018 User: HANS';
const formattedDates = extractAndFormatDateRange(inputString);

console.log(formattedDates);
// 预期输出: ['2018-01-01', '2018-12-31', '201801', '201812']

const noDateString = 'No date here.';
console.log(extractAndFormatDateRange(noDateString));
// 预期输出: [] (并伴随警告)

代码解析

  1. extractAndFormatDateRange(inputString) 函数:这是一个封装了整个逻辑的主函数,提高了代码的模块化和可重用性。
  2. formatDateParts(dateString) 辅助函数:如前所述,它负责将 DD/MM/YYYY 格式的日期字符串转换为 YYYY-MM-DD 和 YYYYMM 两种形式。通过 split('/') 将日期分解为日、月、年,然后使用模板字符串和 join('-') 进行重组。
  3. inputString.match(...):执行正则表达式匹配。如果找到匹配项,match 变量将是一个数组,其中 match[0] 是完整的匹配字符串,match[1] 是第一个捕获组(起始日期),match[2] 是第二个捕获组(结束日期)。
  4. 错误处理:通过 if (!match) 判断是否成功匹配日期范围。如果未找到,则打印警告并返回一个空数组,这增强了函数的健壮性。
  5. 解构赋值:const [_, startDateStr, endDateStr] = match; 优雅地提取了我们需要的两个日期字符串,同时忽略了完整的匹配结果 match[0]。
  6. 结果组合:最后,通过调用 formatDateParts 函数处理起始和结束日期,并将所有四个结果(两个 YYYY-MM-DD 格式和两个 YYYYMM 格式)组合成一个数组返回。

注意事项与扩展

  • 日期格式的灵活性:本教程的正则表达式适用于 DD/MM/YYYY 格式。如果您的输入字符串可能包含 MM/DD/YYYY 或 YYYY-MM-DD 等其他格式,您需要调整正则表达式以适应这些变化,或者在 formatDateParts 函数中增加逻辑来识别并处理不同的输入格式。
  • 国际化:在处理多语言或多地区数据时,日期格式可能差异巨大。对于更复杂的场景,建议使用专门的日期处理库,如 moment.js 或 date-fns,它们提供了强大的解析和格式化功能,并能更好地处理时区和本地化问题。
  • 错误处理:除了检查是否匹配到日期范围外,还可以增加对日期有效性的检查(例如,2月30日是非法日期)。JavaScript的 Date 对象可以用于进行此类验证。
  • 性能:对于处理大量字符串的情况,此方法效率较高,因为正则表达式引擎通常经过高度优化。

总结

通过本教程,我们学习了如何利用JavaScript的正则表达式功能和自定义函数,从包含日期范围的字符串中提取并格式化日期。这种方法提供了一个清晰、高效且易于理解的解决方案,适用于多种数据解析场景。掌握这种技术将有助于您更有效地处理和利用文本数据中的时间信息。

热门AI工具

更多
Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4676

2023.06.20

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

3181

2023.07.05

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

8842

2023.07.05

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

812

2023.08.11

正则表达式空格
正则表达式空格

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

520

2023.08.31

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

693

2023.11.13

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

406

2023.11.17

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

739

2023.12.06

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

0

2026.11.02

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn