
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
Safely Accessing Deeply Nested Values In JavaScript
You can use lodash's get method to get properties at any level safely. Getting first-level properties is pretty straightforward. Nested property access is tricky and you should use a tested library like lodash for it.
You can access a deeply nested object in the following way −
Example
let _ = require("lodash"); let obj = { a: { b: { foo: "test" }, c: 2 } }; console.log(_.get(obj, "a.b.foo")); console.log(_.get(obj, "a.c")); console.log(_.get(obj, "a.test")); console.log(_.get(obj, "a.test.x"));
Output
This will give the output −
test 2 undefined undefined
You can also write your own getProp function in the following way −
const getProp = (object, path) => { if (path.length === 1) return object[path[0]]; else if (path.length === 0) throw error; else { if (object[path[0]]) return getProp(object[path[0]], path.slice(1)); else { object[path[0]] = {}; return getProp(object[path[0]], path.slice(1)); } } };
You can use it by passing an array to access the props.
Example
var obj = { level1:{ level2:{ level3:{ name: "Foo" } }, anotherLevel2: "bar" } }; console.log(getProp(obj, ["level1", "level2"]));
Output
This will give the output −
{level3: {name: "Foo"}}
- Related Articles
- Flattening a deeply nested array of literals in JavaScript
- Query deeply nested Objects in MongoDB
- Accessing and returning nested array value - JavaScript?
- Accessing nested JavaScript objects with string key
- Sum of nested object values in Array using JavaScript
- List all duplicate values in a nested JavaScript object
- Accessing Values of Strings in Python
- Accessing Values of Lists in Python
- Accessing Values of Tuples in Python
- Accessing Values of Dictionary in Python
- Safely setting object properties with dot notation strings in JavaScript
- Accessing a parent Element using JavaScript
- Are array members deeply copied in C++?
- Nested de-structuring in JavaScript.
- Grouping nested array in JavaScript

Advertisements