1
0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 07:08:01 +00:00

Add Reach Into An Object For Nested Data With Get as a javascript til

This commit is contained in:
jbranchaud
2018-04-09 15:49:09 -05:00
parent e6ddab4e75
commit f39e93c4ba
2 changed files with 37 additions and 1 deletions

View File

@@ -10,7 +10,7 @@ smart people at [Hashrocket](http://hashrocket.com/).
For a steady stream of TILs from a variety of rocketeers, checkout
[til.hashrocket.com](https://til.hashrocket.com/).
_659 TILs and counting..._
_660 TILs and counting..._
---
@@ -251,6 +251,7 @@ _659 TILs and counting..._
- [Numbers Are Empty](javascript/numbers-are-empty.md)
- [Object Initialization With Shorthand Property Names](javascript/object-initialization-with-shorthand-property-names.md)
- [Random Cannot Be Seeded](javascript/random-cannot-be-seeded.md)
- [Reach Into An Object For Nested Data With Get](javascript/reach-into-an-object-for-nested-data-with-get.md)
- [Render An Array Of Elements With React 16](javascript/render-an-array-of-elements-with-react-16.md)
- [Running ES6 Specs With Mocha](javascript/running-es6-specs-with-mocha.md)
- [Scoping Variables With A Block Statement](javascript/scoping-variables-with-a-block-statement.md)

View File

@@ -0,0 +1,35 @@
# Reach Into An Object For Nested Data With Get
Among the many [lodash](https://lodash.com/) utilities is
[`_.get`](https://lodash.com/docs/4.17.5#get) for getting data from nested
objects. You can specify where to reach into the nested data of an object
using a _path_.
Consider the following awkwardly nested object:
```javascript
const resp = {
error: {
errors: [
{ message: "Something went wrong" },
],
},
};
```
Here is how we might reach into this with vanilla JavaScript:
```javascript
resp.error.errors[0].message;
```
Reaching into this for the `message` value is tricky because as soon as the
`resp` object contains differently nested data, an error is likely to be
thrown. We can simultaneously avoid a bunch of exception handling logic and
provide a default value with the `_.get` function:
```javascript
_.get(resp, 'resp.error.errors[0].message', 'Default error message');
```
If we decide to not include a default value, then `undefined` will be used.