Format nested dates without changing object structure

Question

I am looking for a good clean solution for this. I have an object with dates that can be type Date | null | string:

someObject: {
    array: [
       {
          dateOne: '2021-10-21T22:00:00.000Z',
          dateTwo: '2021-10-21T22:00:00.000Z',
       }
    ];
 };

I am looking for a good solution to apply date formatting to the above without changing its structure. I am aware that the below example would not work, its just an example that would work for nested Dates in an object, but maybe something along these lines. Example below:

someObject: Object.entries(values.someObject).reduce((acc, [a, b]) => {
                  if (b instanceof Date) {
                     return {
                        ...acc,
                        [a]: moment(b).format('YYYY-MM-DD'),
                     };
                  }
                  return acc;
               }, values.someObject),

Expected output:

    someObject: {
    array: [
       {
          dateOne: '2021-10-21',
          dateTwo: '2021-10-21',
       }
    ];
 };

TIA

PengProgrammer · Accepted Answer · 2021-10-24 10:38:45Z

1

You can use split and map here

const obj = {
  someObject: {
    array: [
      {
        dateOne: "2021-10-21T22:00:00.000Z",
        dateTwo: "2021-10-21T22:00:00.000Z",
      },
    ],
  },
};

function getFormattedDate(date) {
  return date.split("T")[0];
}

obj.someObject.array = obj.someObject.array.map(({ dateOne, dateTwo }) => ({
  dateOne: getFormattedDate(dateOne),
  dateTwo: getFormattedDate(dateTwo),
}));

console.log(obj);

/* This is not a part of answer. It is just to give the output fill height. So IGNORE IT */

.as-console-wrapper {
  max-height: 100% !important;
  top: 0;
}

/* Or in the context mentioned above */

someObject: Object.entries(
              values.someObject
           ).reduce((acc, [a, b]) => {
              if (b[0].dateOne instanceof Date) {
                 return {
                    ...acc,
                    [b]: a.map(({ dateOne, dateTwo }) => ({
                       dateOne: moment(dateOne).format('YYYY-MM-DD'),
                       dateTwo: moment(dateTwo).format('YYYY-MM-DD'),
                    })),
                 };
              }
              return acc;
           }, values.someObject),

edited Oct 24, 2021 at 10:38

PengProgrammer

1841 gold badge1 silver badge13 bronze badges

answered Oct 24, 2021 at 9:58

DecPK

25.4k6 gold badges32 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PengProgrammer Over a year ago

Great thanks, I added an edit to your answer above to add your logic to the context of the question. Thanks

Collectives™ on Stack Overflow

Format nested dates without changing object structure

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related