If you ever get into troubles (and I'm sure you did) when trying to access a property of a JS object which does not exist twice, you will definitely get the red alert in the console.
Example: 
<pre><code class="lang-javascript">const obj = {};

console.log(obj.foo.bar);
</code></pre>
In order to fix that and get the property if exists or undefined if does not, we can 
create a very simple helper function like this:
<pre><code>function objProps (obj, props) {
 const response = props.split('.').reduce((acc, curr) =&gt; obj = obj[curr] ? obj[curr] : {}, obj)

 return JSON.stringify(response) === '{}' ? undefined : response
}
</code></pre>And to use it, just
<pre><code>console.log(objProps(obj, 'foo.bar');
</code></pre>So every time you wanna check if the props exist on the obj, just put them as a second argument in a String separated by dot.
PS: as always, thanks for reading &amp;&amp; stay green!

If you ever get into troubles (and I'm sure you did) when trying to access a property of a JS object which does not exist twice, you will definitely get the red alert in the console.

Example: 


```javascript
const obj = {};

console.log(obj.foo.bar);
``` 


In order to fix that and get the property if exists or undefined if does not, we can 
create a very simple helper function like this:


```
function objProps (obj, props) {
  const response = props.split('.').reduce((acc, curr) => obj = obj[curr] ? obj[curr] : {}, obj)
  
  return JSON.stringify(response) === '{}' ? undefined : response
}
```
And to use it, just

```
console.log(objProps(obj, 'foo.bar');
``` 

So every time you wanna check if the props exist on the obj, just put them as a second argument in a String separated by dot.


PS: as always, thanks for reading && stay green!

Recurring object properties - JS

The best thing about me is that there is no me :) But my actions, my function (dharma).
