Check properties of recursive object in angular 7

Question

I have an object like in below stackblitz and I want to check if key is Date or not. And then I'm adding 3 days to that date. I'm doing for this for not recursive object perfectly. But, when object is recursive, I couldn't do this. How can I achieve this? Performance is important for me because in my real life scenario my objects are very big and complex.

Stackblitz

  myObject = {
    aProperty: {
      aSetting1: 1,
      aSetting2: new Date(),
      aSetting3: 3,
      aSetting4: 4,
      aSetting5: 5
    },
    bProperty: {
      bSetting1: {
        bPropertySubSetting: new Date()
      },
      bSetting2: "bString"
    },
    cProperty: {
      cSetting: new Date()
    },
    dProperty: new Date()
  }


  convertButtonClick() {
    this.convert(this.myObject);
    console.log(this.myObject);
  }

  convert(obj) {
    for (var property in obj) {
      if (obj.hasOwnProperty(property)) {
        if (obj[property] instanceof Date) {
          obj[property].setDate(obj[property].getDate() + 3);
        }
      }
    }
  }

You have to traverse whole object, For that you need to use recursion. Or use BFS, DFS traversal — Amit
– Amit, Commented Mar 12, 2019 at 14:43
If your lucky based on some domain knowledge you could speed up the process. e.g as from depth/level 3 there wouldn't be any more dates down. or for e.g there are never more than x dates in 1 level. — jcuypers
– jcuypers, Commented Mar 12, 2019 at 14:54
Thanks @jcuypers and Amit. ConnorsFan 's answer is what I was looking for. — realist
– realist, Commented Mar 12, 2019 at 14:58

Martin Parenteau · Accepted Answer · 2019-03-12 14:49:21Z

3

You can call convert recursively when you find that one of the properties is an object:

convert(obj) {
  for (let property in obj) {
    if (obj.hasOwnProperty(property)) {
      if (obj[property] instanceof Date) {
        obj[property].setDate(obj[property].getDate() + 3);
      } else if (obj[property] instanceof Object) {
        this.convert(obj[property]);  // Recursive call
      }
    }
  }
}

See this stackblitz for a demo.

answered Mar 12, 2019 at 14:49

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

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

1 Comment

realist Over a year ago

Thanks a lot @ConnorsFan. This is what I was looking for.

Collectives™ on Stack Overflow

Check properties of recursive object in angular 7

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