Accessing the parent object in a multi-level object array using JavaScript

Question

Accessing the parent object in a multi-level object array using JavaScript

I am dealing with a multi-dimensional array where each object shares the same keys.

export const MENUS = [
    {
        "type": "main",
        "submenu": [],
        "path": "/a"
    },
    {
        "type": "main",
        "submenu": [
            {
                "type": "submenu",
                "submenu": [
                    {
                        "type": "submenu",
                        "submenu": [],
                        "path": "/b/4"
                    },
                ],
                "path": null
            },
            {
                "type": "submenu",
                "submenu": [],
                "path": "/b/1"
            }
        ],
        "path": null
    },
    {
        "type": "main",
        "submenu": [],
        "path": "/c"
    }
]

I need to retrieve the parent object based on a specific key and value pair (e.g. path: '/b/1') within the array.

The expected result when using { path: '/b/1' } should be as follows:

{
        "type": "main",
        "submenu": [
            {
                "type": "submenu",
                "submenu": [
                    {
                        "type": "submenu",
                        "submenu": [],
                        "path": "/b/4"
                    },
                ],
                "path": null
            },
            {
                "type": "submenu",
                "submenu": [],
                "path": "/b/1"
            }
        ],
        "path": null
    },

If I use { path: '/c' }, then the root array will be returned (equivalent to MENU). If you have a solution to this problem, please share it with me. Thank you.

javascript arrays object multidimensional-array

Answer 1

Answer №1

def find_object_in_array(array, key, value):
  return next((item for item in array if is_item_present(item)), None)

def is_item_present(current):
  entries = current.items()
  for k, v in entries:
    if k == key and v == value:
      return True
    if isinstance(v, list):
      for f in v:
        if is_item_present(f):
          return True
    if isinstance(v, dict) and v is not None:
      if is_item_present(v):
        return True

# usage
obj = find_object_in_array(MENUS, 'path', '/b/1')

Answer 2

def find_object_in_array(array, key, value):
  return next((item for item in array if is_item_present(item)), None)

def is_item_present(current):
  entries = current.items()
  for k, v in entries:
    if k == key and v == value:
      return True
    if isinstance(v, list):
      for f in v:
        if is_item_present(f):
          return True
    if isinstance(v, dict) and v is not None:
      if is_item_present(v):
        return True

# usage
obj = find_object_in_array(MENUS, 'path', '/b/1')

Accessing the parent object in a multi-level object array using JavaScript

Answer №1

Similar questions

The success function in Ajax Jquery is not triggering

Tips for implementing autocomplete in a textbox on an ASP.NET website with jQuery

While working on a C program, I randomly incremented certain integer elements within an array. Surprisingly, values that were left unchanged ended up being altered. How did

Bootstrap Collapse feature fails to collapse on Twitter

How to Implement Recursive Function Calls in JavaScript?

Tips on leveraging JQuery's $.when for handling ajax requests sequentially

Attempting to use insertAdjacentHTML on a null property results in an error

Is there a way to prevent a background video from automatically playing whenever the user navigates back to the home page?

Is there a way to retrieve the form name within my directive?

Oops! There seems to be an issue with an invalid character in the literal true value while making a POST request to the API with JSON data. The expected character should be

Using AJAX to send a POST request with the PHP $_FILES superglobal while preventing the default form submission with the onclick

What is the best way to create rotational movement for an object in a-frame?

What is the best way to trigger the Save as ..dialog by clicking on an image?

What steps can I take to restrict a draggable element to the body, prevent text selection, and allow form inputs to be enabled?

What are the best techniques for implementing opacity in styled components within react-native?

`troubles integrating external modules in nuxt application`

Difficulties encountered when attempting to populate a select dropdown with data fetched through an AJAX request

What is the best way to integrate nano.uuid into a series of promises that are fetching data from the database?

Encountering a "Duplicate identifier error" when transitioning TypeScript code to JavaScript

What is the process for removing a range of keys from indexeddb?