How to Access Javascript object property if only that property is available - ReactJS

Question

I need to access Javascript object property if and if only that property is available.

object.property.anotherInnerProperty ="value"

To access and check above value we normally use following way

if(object && object.property && object.property.anotherInnerProperty=="value")
   then do this

Is there any effective and less code method to access object.property.anotherInnerProperty ?

Does this answer your question? [How do I check if an object has a specific property in JavaScript?](https://stackoverflow.com/questions/135448/how-do-i-check-if-an-object-has-a-specific-property-in-javascript) — keikai, Dec 18 '19 at 07:51
@coding_Lover what you have done is completely okay to do. Even if there is more code it is most safest approach — AL-zami, Dec 18 '19 at 08:02

Clarity · Answer 1 · 2019-12-18T08:04:19.680

3

You can use optional chaining to make your code less verbose:

if(object?.property?.anotherInnerProperty === "value") {
 // then do this
}

Note that this is still a new feature of the language, so you might need some transpiling to make it work in most of the browsers.

edited Dec 18 '19 at 08:04

answered Dec 18 '19 at 07:58

Clarity

10,730
2
25
35

...or even in the newest browsers, judging by the *Browser compatibility* table. – mbojko Dec 18 '19 at 08:01
Indeed, updated the answer. – Clarity Dec 18 '19 at 08:04
@Clarity It could be a very useful feature. – AL-zami Dec 18 '19 at 08:14
1

@AL-zami it's stage 4 of TC39 now and will be a part of ES2020. – Clarity Dec 18 '19 at 08:22
It works Thanks, however there is an error complains by VS code. But still works. – coding_Lover Dec 19 '19 at 05:53

score 0 · Answer 2 · answered Dec 18 '19 at 08:08

You can also use lodash.get method:

const object = {
  property: {
    innerProperty: 'foo'
  }
};

const anotherObject = null;

console.log(_.get(object, 'property.innerProperty'));
console.log(_.get(anotherObject, 'property.innerProperty'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>

How to Access Javascript object property if only that property is available - ReactJS

2 Answers2