Create a string representing the path to access a property within a nested object

Question

Create a string representing the path to access a property within a nested object

I am dealing with an object that has nested properties:

{ 
    x: { 
        y: { 
            z: { min: 1, max: 2 },
            w: 5 
        }
    }
}

The levels of nesting can vary. It can end with an object containing properties like 'min', 'max', or 'in', or it can simply be a non-object like a string, number, or boolean value.

My goal is to create a string representing the path to those endpoints.

For example, if we take the above object, I would want the resulting string to be as follows:

objPaths(x)

=> {
     "x.y.z": { min: 1, max: 2 }
     "x.y.w": 5
   }

javascript

Answer 1

Answer №1

To handle this scenario, you can implement a recursive function that utilizes a for...in loop. In addition, if the current property's value is an object, you should verify if any of its keys are min or max before proceeding to the next level.

const obj = {"a":{"b":{"c":{"min":1,"max":2},"d":1}}}

const objPaths = (obj, paths = {}, prev = '') => {
  for (let key in obj) {
    let str = (prev ? prev + '.' : '') + key;
    if (typeof obj[key] != 'object') paths[str] = obj[key];
    else if (Object.keys(obj[key]).some(k => ['min', 'max'].includes(k))) paths[str] = obj[key];
    else objPaths(obj[key], paths, str)
  }
  return paths
}

const result = objPaths(obj);
console.log(result)

Answer 2

To handle this scenario, you can implement a recursive function that utilizes a for...in loop. In addition, if the current property's value is an object, you should verify if any of its keys are min or max before proceeding to the next level.

const obj = {"a":{"b":{"c":{"min":1,"max":2},"d":1}}}

const objPaths = (obj, paths = {}, prev = '') => {
  for (let key in obj) {
    let str = (prev ? prev + '.' : '') + key;
    if (typeof obj[key] != 'object') paths[str] = obj[key];
    else if (Object.keys(obj[key]).some(k => ['min', 'max'].includes(k))) paths[str] = obj[key];
    else objPaths(obj[key], paths, str)
  }
  return paths
}

const result = objPaths(obj);
console.log(result)

Answer 3

Answer №2

One way to approach this problem is by combining iterative and recursive methods. First, check if the object contains keys for 'min' or 'max'. If not, iterate through the object to find the desired value.

function explorePath(obj) {
    function search(o, path) {
        if (o && typeof o === 'object' && !['min', 'max'].some(key => key in o)) {
            Object.entries(o).forEach(([key, value]) => search(value, path + (path && '.') + key));
            return;
        }
        outcome[path] = o;
    }

    var outcome = {};
    search(obj, '');
    return outcome;
}

console.log(explorePath({ a: { b: { c: { min: 1, max: 2 }, d: 1 } } }));

Answer 4

One way to approach this problem is by combining iterative and recursive methods. First, check if the object contains keys for 'min' or 'max'. If not, iterate through the object to find the desired value.

function explorePath(obj) {
    function search(o, path) {
        if (o && typeof o === 'object' && !['min', 'max'].some(key => key in o)) {
            Object.entries(o).forEach(([key, value]) => search(value, path + (path && '.') + key));
            return;
        }
        outcome[path] = o;
    }

    var outcome = {};
    search(obj, '');
    return outcome;
}

console.log(explorePath({ a: { b: { c: { min: 1, max: 2 }, d: 1 } } }));

Create a string representing the path to access a property within a nested object

Answer №1

Answer №2

Similar questions

Why does the for loop assign the last iteration of jQuery onclick to all elements?

JavaScript FF IE Update + problem with messaging script

Determine the presence of an HTML data attribute within any of the parent elements

Ways to retrieve an isolated scope in a directive without utilizing a template

Steps for constructing an object containing an array of nested objects

Setting the focus on an input when updating a property in the Pinia store using Vue

JavaScript - Loading image from local file on Linux machine

Detecting Unflushed Requests in Jasmine and AngularJS

Transferring data between two HTML files through the POST method

Unlocking the data within an object across all Components in Vue

Changing a callback function into a promise in Node.js for OpenTok integration

Javascript's ReferenceError occasionally acts inconsistently when using Firefox's scratchpad

Is it possible to set an onmousedown event to represent the value stored at a specific index in an array, rather than the entire array call?

Enhance your date with a specific month using MomentJS

What is the best way to retrieve information from a database when parameters need to be included in the URL?

The replaceWith() function in jQuery is able to transform PHP code into an HTML comment

Email the jQuery variable to a recipient

Obtain the ID of the textarea element when it is clicked

Introduction to Angular controller binding for beginners

Tips for manipulating fixed elements while navigating through the window's content