I am currently attempting to extract data from a JSON file by using key names for reference, but I am running into issues when dealing with nested keys

Question

I am currently attempting to extract data from a JSON file by using key names for reference, but I am running into issues when dealing with nested keys

Is there a better way to retrieve values from a JSON file by matching key names? The current method I am using does not seem to work with nested keys, so any suggestions on alternative approaches would be appreciated.

// Sample .JSON file

{
    "routes":{
        "path":{
            "register":{
                "index": "register"
            },
            "login":{
                "index": "login"
            }
            ...
        }
    }
}

// Current solution(not working)

const paths = require(`../locales/en-US.json`)
const getByValueByKey = (getPath, value) => {
    for (let key of Object.keys(getPath)) {
        if (getPath[key] === value) {
            return key;
        }
    }
}

getByValueByKey(paths, 'routes.path.login.index')//should return login

javascript json

Answer 1

Answer №1

For accessing nested values, you can utilize the reduce method.

const result = value.split(".").reduce((acc, curr) => acc && acc[curr], getPath);

const paths = {
  routes: {
    path: {
      register: {
        index: "register",
      },
      login: {
        index: "login",
      },
    },
  },
};

const getByValueByKey = (getPath, value) => {
const result = value.split(".").reduce((acc, curr) => acc && acc[curr], getPath);
  console.log(result);
};

getByValueByKey(paths, "routes.path.login.index"); //should return login

Answer 2

For accessing nested values, you can utilize the reduce method.

const result = value.split(".").reduce((acc, curr) => acc && acc[curr], getPath);

const paths = {
  routes: {
    path: {
      register: {
        index: "register",
      },
      login: {
        index: "login",
      },
    },
  },
};

const getByValueByKey = (getPath, value) => {
const result = value.split(".").reduce((acc, curr) => acc && acc[curr], getPath);
  console.log(result);
};

getByValueByKey(paths, "routes.path.login.index"); //should return login

Answer 3

Answer №2

If you're looking to access nested properties in an object, you can utilize lodash's get method. Check out the documentation here: https://lodash.com/docs/4.17.15#get.

For those interested in a native implementation, here is the source code for the get method:

 /**
     * A basic version of `_.get` that does not support default values.
     *
     * @private
     * @param {Object} obj The object to query.
     * @param {Array|string} path The path to the desired property.
     * @returns {*} Returns the resolved value.
     */
    function baseGet(obj, path) {
      path = castPath(path, obj);

      var index = 0,
          len = path.length;

      while (obj != null && index < len) {
        obj = obj[toKey(path[index++])];
      }
      return (index && index == len) ? obj : undefined;
    }

    function get(obj, path, defaultValue) {
      var result = obj == null ? undefined : baseGet(obj, path);
      return result === undefined ? defaultValue : result;
    }

Answer 4

If you're looking to access nested properties in an object, you can utilize lodash's get method. Check out the documentation here: https://lodash.com/docs/4.17.15#get.

For those interested in a native implementation, here is the source code for the get method:

 /**
     * A basic version of `_.get` that does not support default values.
     *
     * @private
     * @param {Object} obj The object to query.
     * @param {Array|string} path The path to the desired property.
     * @returns {*} Returns the resolved value.
     */
    function baseGet(obj, path) {
      path = castPath(path, obj);

      var index = 0,
          len = path.length;

      while (obj != null && index < len) {
        obj = obj[toKey(path[index++])];
      }
      return (index && index == len) ? obj : undefined;
    }

    function get(obj, path, defaultValue) {
      var result = obj == null ? undefined : baseGet(obj, path);
      return result === undefined ? defaultValue : result;
    }

I am currently attempting to extract data from a JSON file by using key names for reference, but I am running into issues when dealing with nested keys

Answer №1

Answer №2

Similar questions

Is there a way for me to receive the response from the this.$store.dispatch method in vue.js 2?

Ways to effectively handle diverse Angular module dependencies

Restrict a class to contain only functions that have a defined signature

Is there a way to create a function that can show the pathway on the Browser Console?

Utilizing AngularJS to retrieve associated information from users via a JSON API

Tips on showing an api call response in Reactjs

Is it possible to clear a div using jQuery and then restore its contents?

Where am I going wrong in my attempts to use a callback function?

Using Javascript, populate an array with Enum variable values

Attempting to create a functional action listener for a deck of cards game

Tips for choosing a class with a leading space in the name

What is preventing me from loading js and css files on my web pages?

Experimenting with a Jest test on an express middleware

Eliminate any spaces from the JSON string's "outside" keys and values

Guide to retrieving a byte array from a server using JavaScript and converting it into a downloadable PDF

Tips for gathering an array of checkboxes within a dynamic array of items using Vue.js and Vuetify

developing versatile paths with Node.js

Restrict the selection of dates in the jQuery UI datepicker by disabling public holidays, weekends, the next day after 10am, and only allowing Tuesday, Wednesday, and Thursday as

"Sequelize will pause and wait for the loop to finish before executing the

What is the best way to ensure that a React app is always displayed in full screen