What is the best way to remove a nested JSON key in a dynamic manner

Question

What is the best way to remove a nested JSON key in a dynamic manner

Here is a sample json for reference:

{
"search": {
"facets": {
  "author": [

  ],
  "language": [
    {
      "value": "nep",
      "count": 3
    },
    {
      "value": "urd",
      "count": 1
    }
  ],
  "source": [
    {
      "value": "West Bengal State Council of Vocational Education & Training",
      "count": 175
    }
  ],
  "type": [
    {
      "value": "text",
      "count": 175
    }
  ],
  }
 }

There are multiple ways to remove the key search.facets.source:

delete search.facets.source

delete jsobObj['search']['facets']['source']

var jsonKey = 'source';
 JSON.parse(angular.toJson(jsonObj), function (key, value) {
    if (key != jsonKey)
       return value;
 });

Options 1 and 2 are static, while option 3 is a potential solution but may not work effectively if the 'source' key is nested elsewhere in the JSON. Can anyone suggest a dynamic method to delete the key in any nested structure, as it is not feasible to predict the array sequence dynamically as in options 1 and 2?

javascript angularjs json

Answer 1

Answer №1

Let's assume you are starting with the following:

let path = 'search.facets.source';

The process is straightforward: first, locate the search.facets object, then perform delete obj['source'] on it.

Firstly, separate the path into the initial path and the final property name:

let keys = path.split('.');
let prop = keys.pop();

Locate the facets object in your object:

let parent = keys.reduce((obj, key) => obj[key], jsonObj);

Now, remove the property:

delete parent[prop];

Answer 2

Let's assume you are starting with the following:

let path = 'search.facets.source';

The process is straightforward: first, locate the search.facets object, then perform delete obj['source'] on it.

Firstly, separate the path into the initial path and the final property name:

let keys = path.split('.');
let prop = keys.pop();

Locate the facets object in your object:

let parent = keys.reduce((obj, key) => obj[key], jsonObj);

Now, remove the property:

delete parent[prop];

Answer 3

Answer №2

I stumbled upon a different resolution, and it's incredibly straightforward.

let jsonIdentifier = 'search.filters.category';
eval('remove jsonContent.' + jsonIdentifier + ';');

Answer 4

I stumbled upon a different resolution, and it's incredibly straightforward.

let jsonIdentifier = 'search.filters.category';
eval('remove jsonContent.' + jsonIdentifier + ';');

What is the best way to remove a nested JSON key in a dynamic manner

Answer №1

Answer №2

Similar questions

Automate tasks using Integromat: Create a scenario that repeatedly calls an API with varying inputs and analyzes the

Showing content based on the route - Angular

Babel fails to substitute arrow functions

While going through multiple JSON links, I encountered a JSON decode error

The full height of the image cannot be captured by html2canvas

Is it possible for a PHP form to generate new values based on user input after being submitted?

What is the correct way to generate an await expression by utilizing recast/esprima?

Stable and persistent popup window that remains at the forefront in a Chrome extension

Problem with roles assigned through reactions on Discord

tips for repurposing a jquery function

Develop a personalized event using JavaScript and activate it

Blur the AngularJS button after it is clicked

External function does not support jQuery types

"Encountering issues with running Mongoimport on Mac due to a variable within the

Can PHP's CURL handle cookies?

Is it possible to incorporate a selection box along with the Raycaster in Three.js?

Encountered an issue while attempting to start an SSR server with inertiajs

Display the initial x list items without utilizing ngFor in Angular 2

Transferring information from Vue Component to Vuex storage

When a new entry is added to the database, automatically refresh a <div> section within an HTML document