Access Object property with a dynamic property key

Question

I need to access the "isTouched" property from a nested object. The challenge is that this property could either be shown like this:

form: { CHANGES: { isTouched: true/false } }

or

form: { 'formName': { isTouched: true/false } }

Accessing the first would straightforward with:

form.CHANGES.isTouched

however, I would like to have one method that can cater for both scenarios also considering that the form name will change based on whatever form is being used.

I thought about collecting all of the form names and loop through them but I think that would be not very effective.

I am not 100% sure what you mean. I think you want variable instead of hardcoded name. form[variable_name].isTouched can be used in this case. — Shaharyar
– Shaharyar, Commented Oct 1, 2018 at 10:23

Aquarthur · Accepted Answer · 2018-10-01 10:20:27Z

2

I'm not 100% I understand the question, but would something like this work for you?

k = Object.keys(form)[0]
form[k].isTouched

answered Oct 1, 2018 at 10:20

Aquarthur

6196 silver badges20 bronze badges

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

Comments

Mamun · Accepted Answer · 2018-10-01 12:52:04Z

1

You can use Object.keys() which will give you an array of object's own property names. Then you can simply access the first object name by using index:

var form = { 'formName': { isTouched: true/false } }
var o = Object.keys(form)[0];
console.log(form[o].isTouched);

edited Oct 1, 2018 at 12:52

answered Oct 1, 2018 at 10:22

Mamun

69k9 gold badges51 silver badges62 bronze badges

Comments

Andriy Ivaneyko · Accepted Answer · 2018-10-01 10:24:45Z

0

Here you are:

/**
* Returns the value of the isTouched property from provided object.
* If formName specified, the value will be retrieved from the o[formName] sub object, otherwise from the default sub object accessed by key CHANGES
*/
function getIsTouched(o, formName){
    return o[formName] ? o[formName].isTouched : o.CHANGES.isTouched
}

answered Oct 1, 2018 at 10:24

Andriy Ivaneyko

22.3k7 gold badges70 silver badges89 bronze badges

Collectives™ on Stack Overflow

Access Object property with a dynamic property key

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related