Exploring alternative methods for accessing object values in TypeScript using a string object path without relying on the eval function

Question

Exploring alternative methods for accessing object values in TypeScript using a string object path without relying on the eval function

If we have an object in JS/typescript structured like this:

var obj = {
  a: {
   b:{
    c:1
   }
  }
}

And a string "b.c" is given, how can we evaluate this using only the variables provided and retrieve the value 1 from the object without relying on techniques like eval as typescript would raise concerns?

Appreciate your insights.

javascript typescript

Answer 1

Answer №1

If I understand your question correctly, the keys are known and you can access them using square brackets '[]' like this:

const a = b.c

This is equivalent to:

const a = b['c']

In the second case, you are able to use a variable instead.

When applying this concept to your object, it would appear as follows:

const obj = {
  a: {
    b: {
      c: 1
    }
  }
}

const outerKey = 'a'
const middleKey = 'b'
const innerKey = 'c'

const value = obj[outerKey][middleKey][innerKey]

console.log(value)

I hope this explanation was helpful for you!

Answer 2

If I understand your question correctly, the keys are known and you can access them using square brackets '[]' like this:

const a = b.c

This is equivalent to:

const a = b['c']

In the second case, you are able to use a variable instead.

When applying this concept to your object, it would appear as follows:

const obj = {
  a: {
    b: {
      c: 1
    }
  }
}

const outerKey = 'a'
const middleKey = 'b'
const innerKey = 'c'

const value = obj[outerKey][middleKey][innerKey]

console.log(value)

I hope this explanation was helpful for you!

Exploring alternative methods for accessing object values in TypeScript using a string object path without relying on the eval function

Answer №1

Similar questions

Developing a RESTful API with Discord.js integrated into Express

What is causing the loss of data when attempting to access an array field within an object?

What is the best way to transfer the variant property of the material-ui TextField when using a higher-level React component?

The issue of returning a boolean value in an rxjs function leading to failure

Ways to prompt the user to upload a file and integrate it into my program

How to add a subtle entrance animation to text (demonstration provided)

What is the method for defining a constant data type with a class property data type in typescript?

Issue with rendering HTML entities in Material UI when passing as props

A guide to resolving the Angular 11 error of exceeding the maximum call stack size

Tips on accessing files saved in a one-to-many connection using Mongoose

Preventing Angular $rootElement.on('click') from affecting ReactJS anchor tag interactions

Updating a model within an ng-repeat directive from external sources

Utilizing reference memory to enable communication between two controllers

Unleash the Power of Animating Your Active Tabs

Dynamically getting HTML and appending it to the body in AngularJS with MVC, allows for seamless binding to a

Displaying form after Ajax submission

Navigating through a multistep form in AngularJS using UI Router and arrow keys for seamless movement

Unsynchronized AJAX POST requests fail to function effectively

Click on the submenu to expand it, then simply select the desired option to navigate

Navigating to Protected Mobile Platform