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

Guide on removing the <hr/> tag only from the final list item (li) in an Angular

AngularJS checkbox validation requires a minimum of two checkboxes to be selected

React.js and Visual Studio Code have recently been causing unexpected and massive "Module not found" errors

Convert JSON to serialize object to string attribute

What is the process for sending JavaScript data to a Rails controller action?

Is there a way to easily uncheck all MaterialUI Toggle components with the click of a button or triggering an outside

Convert a two-column layout on the web into a single-column layout for mobile devices, featuring dynamic

Having difficulty uploading an image to Facebook through the graph API

The position of the jQuery VirtualKeyboard is not displaying correctly

A guide on clearing the selected value in a dropdown menu with Angular.js

The input value in the HTML form was altered momentarily before reverting back to its original state

Reveal the CSRF token to the client located on a separate domain

Is there a JavaScript function available to remove comments from previously commented HTML code?

JavaScript script that parses innerHTML

Can pins be added or removed from a location plan (image or vector) using either Javascript or the DevExpress library?

Troubleshooting Challenges in JavaScript/jQuery Hangman Game

Issue: Json variable is not defined

Failed to load Gulpfile.js in the Task Runner Explorer of Visual Studio 2019 version 16.6.2

Receiving Null Value Upon Asynchronous API Call Before Data Retrieval

I am new to coding and eager to learn some foundational code to kickstart my journey into programming