如何用JavaScript对比对象数组并验证日期与状态匹配？

一、原方案完全不可行，存在多个致命问题： #

1. 未定义变量报错：代码里的OVERLAP、MATCH、ready都是未声明的标识符，直接运行会抛出ReferenceError。
2. every方法彻底用错：Array.every()要求回调返回布尔值，用来判断所有元素是否符合统一条件，但你现在返回状态字符串，这些字符串会被强制转为true，导致every永远返回true，完全起不到验证作用。
3. 日期逻辑全错：
   • 原overlap的判断只检查了单个日期（start或end）在范围内，但题目要求start和end都处于array2的日期范围内才属于overlap场景；
   • match的条件逻辑混乱，正确的完全匹配应该是element_1.start_date === element_2.start_date && element_1.end_date === element_2.end_date，你写的条件相当于要求element_2的起止日期相同，完全不符合需求；
   • ready的条件矛盾：element_2.start_date > element_1.start_date && element_1.start_date > element_2.end_date永远不可能成立（正常情况下element_2.start_date < element_2.end_date），正确的ready场景应该是element_1的整个时间段都在array2范围外（element_1.end_date < element_2.start_date 或 element_1.start_date > element_2.end_date）。
4. 日期格式错误：数组里的2022-12-01会被JS当作数值计算（2022-12-1=2009），完全失去日期的意义，必须改成字符串格式（比如"2022-12-01"）才能正确比较。

二、更优实现方式 #

核心思路 #

1. 统一日期为YYYY-MM-DD字符串（可直接按字典序比较，无需转Date对象）；
2. 封装工具函数判断时间段的归属类型；
3. 遍历array1的每个元素，与array2的范围逐一匹配，得出预期状态后和实际status对比；
4. 返回每个元素的详细验证结果，而非单一布尔值。

示例代码 #

// 先修正数组的日期格式（改为字符串）
const array1 = [
    { start_date: "2022-12-01", end_date: "2022-12-07", status: "ready" },
    { start_date: "2022-12-04", end_date: "2022-12-10", status: "ready" },
    { start_date: "2022-12-08", end_date: "2022-12-14", status: "ready" },
    { start_date: "2022-12-11", end_date: "2022-12-17", status: "ready" },
    { start_date: "2022-12-15", end_date: "2022-12-21", status: "overlap" },
    { start_date: "2022-12-18", end_date: "2022-12-24", status: "overlap" },
    { start_date: "2022-12-22", end_date: "2022-12-28", status: "overlap" },
    { start_date: "2022-12-25", end_date: "2022-12-31", status: "overlap" },
    { start_date: "2022-12-18", end_date: "2022-12-31", status: "match" }
];

const array2 = [
    { start_date: "2022-12-18", end_date: "2022-12-31" }
];

// 判断单个时间段与目标范围的匹配类型
function getExpectedStatus(period, targetRanges) {
    for (const range of targetRanges) {
        // 完全匹配
        if (period.start_date === range.start_date && period.end_date === range.end_date) {
            return "match";
        }
        // 完全处于目标范围内
        if (period.start_date >= range.start_date && period.end_date <= range.end_date) {
            return "overlap";
        }
    }
    // 完全处于所有目标范围外
    return "ready";
}

// 执行验证，返回每个元素的详细结果
function validatePeriods(array1, array2) {
    return array1.map(period => {
        const expectedStatus = getExpectedStatus(period, array2);
        return {
            ...period,
            expectedStatus,
            isValid: period.status === expectedStatus
        };
    });
}

// 使用示例
const validationResults = validatePeriods(array1, array2);
console.log(validationResults);

三、关于返回对应状态而非布尔值 #

上面的实现已经满足需求：validatePeriods函数返回的数组中，每个元素包含原时间段的所有信息，加上expectedStatus（预期状态）和isValid（验证是否通过），既可以拿到每个元素的对应状态，也能明确验证结果。

如果只需要返回每个元素的预期状态，直接简化map的返回值即可：

function getPeriodStatuses(array1, array2) {
    return array1.map(period => getExpectedStatus(period, array2));
}

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