Verify the dates in various formats

Question

Verify the dates in various formats

I need to create a function that compares two different models. One model is from the initial state of a form, retrieved from a backend service as a date object. The other model is after conversion in the front end.

function findDateDifferences(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Compare the values of the properties in both objects.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if no differences found.
    return diff;
  }, {});
}

const x = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const y = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};


console.log(findDateDifferences(x, y));

In this scenario, the dates are the same but in different formats. How can I modify the function to recognize them as identical?

javascript typescript

Answer 1

Answer №1

Steps to Compare Date Properties:

First, we check if the property is a date by using the isNaN() function along with the valueOf() function of the Date object.
If we only need the date without the time, we can utilize the toDateString() extension method of the Date object.

function compareDateProperties(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      if (typeof val === "string") {
        const obj1Date = new Date(value);
        const obj2Date = new Date(val);

        // Validate if the values are valid dates. If not, proceed with regular comparison.
        if (!isNaN(obj1Date) && !isNaN(obj2Date)) {
          return obj1Date.toDateString() !== obj2Date.toDateString() ? { ...diff,
            [key]: val
          } : diff;
        }

      }

      // Check if the property's value differs between obj1 and obj2.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if the property doesn't exist in both objects.
    return diff;
  }, {});
}

const objA = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test",
  num: 1
};
const objB = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test",
  num: 2
};


console.log(compareDateProperties(objA, objB));

Answer 2

Steps to Compare Date Properties:

First, we check if the property is a date by using the isNaN() function along with the valueOf() function of the Date object.
If we only need the date without the time, we can utilize the toDateString() extension method of the Date object.

function compareDateProperties(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      if (typeof val === "string") {
        const obj1Date = new Date(value);
        const obj2Date = new Date(val);

        // Validate if the values are valid dates. If not, proceed with regular comparison.
        if (!isNaN(obj1Date) && !isNaN(obj2Date)) {
          return obj1Date.toDateString() !== obj2Date.toDateString() ? { ...diff,
            [key]: val
          } : diff;
        }

      }

      // Check if the property's value differs between obj1 and obj2.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if the property doesn't exist in both objects.
    return diff;
  }, {});
}

const objA = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test",
  num: 1
};
const objB = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test",
  num: 2
};


console.log(compareDateProperties(objA, objB));

Answer 3

Answer №2

The best approach would be to compare

new Date(val) !== new Date(value)

, but due to the missing timezone in the second time format, it leaves room for interpretation. Additionally, you specified that only the date itself is important, not the specific time of day.

function findPropertyDiscrepancies(obj1, obj2) {
  return Object.entries(obj1).reduce((discrepancies, [key, value]) => {
    // Check if the property exists in obj2.
    
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Determine if the values are different between obj1 and obj2.
      if (new Date(val.split(" ").slice(2,5).join(" ")) !== new Date(value.split("T")[0])) {
        return {
          ...discrepancies,
          [key]: val,
        };
      }
    }

    // Return the existing discrepancies object if no differences were found.
    return discrepancies;
  }, {});
}

const data1 = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const data2 = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};

console.log(findPropertyDiscrepancies(data1, data2));

Answer 4

The best approach would be to compare

new Date(val) !== new Date(value)

, but due to the missing timezone in the second time format, it leaves room for interpretation. Additionally, you specified that only the date itself is important, not the specific time of day.

function findPropertyDiscrepancies(obj1, obj2) {
  return Object.entries(obj1).reduce((discrepancies, [key, value]) => {
    // Check if the property exists in obj2.
    
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Determine if the values are different between obj1 and obj2.
      if (new Date(val.split(" ").slice(2,5).join(" ")) !== new Date(value.split("T")[0])) {
        return {
          ...discrepancies,
          [key]: val,
        };
      }
    }

    // Return the existing discrepancies object if no differences were found.
    return discrepancies;
  }, {});
}

const data1 = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const data2 = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};

console.log(findPropertyDiscrepancies(data1, data2));

Verify the dates in various formats

Answer №1

Answer №2

Similar questions

What is the best method for storing dynamic values and attribute labels in a state within a React.js application?

Deleting images from Firestore using a Vue.js componentReady to learn how to remove images

What is the process for enabling HLS.js to retrieve data from the server side?

Transform Material UI Typography to css-in-js with styled-components

Differences between the application/xml and text/xml MIME types

The storage capacity of localStorage is insufficient for retaining data

Combining routes in Express and Angular can be achieved by leveraging the power

Identify when a click occurs outside of a text input

Using Router.back in Next.js triggers a complete page refresh

Empty Media Viewer

React-native horizontal sliding plugin

Tests using Cypress for end-to-end testing are failing to execute in continuous integration mode on gitlab.com

Is there a way to extract information from my JSON file and display it on my website?

Find the variance between the sums of columns 3 and 5 using Angular

Generate a responsive list with a pop-up feature under each item (using Vue.js)

How can I optimize the performance of JS-heavy pages on mobile devices?

A highly effective method for nesting items within a list through recursive functions

Strategies for managing the #document element within an iframe

Vue.js custom confirmation component failing to open within v-menu

Master the art of displaying complete text when zooming in and elegantly truncating it when zooming out