What is the process for removing a key from an object and replacing it with its corresponding value?

Question

What is the process for removing a key from an object and replacing it with its corresponding value?

My JSON sample looks like this:

var obj={
    "results":{
        "grade":"A",
        "marks":12
    },
    "data":{
        "name":"sam",
        "gender":"male",
        "age":10
    }
};

I am trying to transform the above JSON to:

var obj={
    "results":{
        "grade":"A",
        "marks":12
    },
    "name":"sam",
    "age":10
}

I attempted to achieve this using a forEach loop:

for(var exKey in obj) {
    if(exKey=='data'){
        //replace key data with its value
    }
}

Unfortunately, I couldn't figure out the logic needed to accomplish this. Can anyone provide assistance on how to achieve this? Thank you for your responses.

If dealing with more complex JSON like:

var obj={
"results":{
    "grade":"A",
     "res":"fail",
    "marks":12
},
"data":{details:{"name":"sam",
                 "gender":"male",
                  "age":10
                }
 },
 "feespaid":"yes",
 "joindate":"sunday"

};

In a scenario where I need to modify or delete keys within a nested structure, such as:

var obj={
"results":{
    "grade":"A",
    "marks":12
},
"data":{details:{"name":"sam",
                  "age":10
                }
 },
 "joindate":"sunday"
 };

How can we traverse through the JSON and perform deletions?

javascript json

Answer 1

Answer №1

Utilize the inner for-in loop and employ bracket-notation to assign a variable as the key of an object

var obj = {
  "results": {
    "grade": "A",
    "marks": 12
  },
  "data": {
    "name": "sam",
    "gender": "male",
    "age": 10
  }
};
for (var exKey in obj) {
  if (exKey == 'data') {
    for (var d in obj.data) {
      if (d != 'gender') obj[d] = obj.data[d];
    }
    delete obj.data;
  }
}
console.log(obj);

Edit: When wanting to remove certain keys from an Object, simply use the delete keyword

var obj = {
  "results": {
    "grade": "A",
    "res": "fail",
    "marks": 12
  },
  "data": {
    details: {
      "name": "sam",
      "gender": "male",
      "age": 10
    }
  },
  "feespaid": "yes",
  "joindate": "sunday"
};
delete obj.results.res;
delete obj.data.details.gender;
delete obj.feespaid;
console.log(obj);

Answer 2

Utilize the inner for-in loop and employ bracket-notation to assign a variable as the key of an object

var obj = {
  "results": {
    "grade": "A",
    "marks": 12
  },
  "data": {
    "name": "sam",
    "gender": "male",
    "age": 10
  }
};
for (var exKey in obj) {
  if (exKey == 'data') {
    for (var d in obj.data) {
      if (d != 'gender') obj[d] = obj.data[d];
    }
    delete obj.data;
  }
}
console.log(obj);

Edit: When wanting to remove certain keys from an Object, simply use the delete keyword

var obj = {
  "results": {
    "grade": "A",
    "res": "fail",
    "marks": 12
  },
  "data": {
    details: {
      "name": "sam",
      "gender": "male",
      "age": 10
    }
  },
  "feespaid": "yes",
  "joindate": "sunday"
};
delete obj.results.res;
delete obj.data.details.gender;
delete obj.feespaid;
console.log(obj);

Answer 3

Answer №2

Here are two different approaches to achieve the same result:

obj.name = obj.data.name;
obj.age = obj.data.age;
delete obj.data;

Another method involves using a for-in loop:

for(item in obj.data) obj[item] = obj.data[item]; // Copy items from obj.data to obj
delete obj.gender;                                // Remove gender property
delete obj.data;                                  // Remove obj.data object

Check out this code snippet below:

var obj={
  "results":{
  "grade":"A",
  "marks":12
   },
  "data":{
   "name":"sam",
    "gender":"male",
   "age":10
  }
};

for(item in obj.data) obj[item] = obj.data[item];
delete obj.gender;
delete obj.data;

console.log(obj)

Answer 4

Here are two different approaches to achieve the same result:

obj.name = obj.data.name;
obj.age = obj.data.age;
delete obj.data;

Another method involves using a for-in loop:

for(item in obj.data) obj[item] = obj.data[item]; // Copy items from obj.data to obj
delete obj.gender;                                // Remove gender property
delete obj.data;                                  // Remove obj.data object

Check out this code snippet below:

var obj={
  "results":{
  "grade":"A",
  "marks":12
   },
  "data":{
   "name":"sam",
    "gender":"male",
   "age":10
  }
};

for(item in obj.data) obj[item] = obj.data[item];
delete obj.gender;
delete obj.data;

console.log(obj)

Answer 5

Answer №3

for (let extKey in object) {
    if(extKey === 'data') {
        for (let dataKey in object[extKey]) {
           object[dataKey] = object[extKey][dataKey];
        }
        delete object[extKey];
    }
}

(I will need to further explore the following solution) ~~EDIT: To remove nested properties, you can use the code snippet below:~~

const invalidProperties = ['gender', 'feespaid']; //add more as needed function deleteNestedProperties(obj) { for (let key in obj) { if(invalidProperties.includes(key)) { delete obj[key]; } else { deleteNestedProperties(obj[key]); } } }

Answer 6

for (let extKey in object) {
    if(extKey === 'data') {
        for (let dataKey in object[extKey]) {
           object[dataKey] = object[extKey][dataKey];
        }
        delete object[extKey];
    }
}

(I will need to further explore the following solution) ~~EDIT: To remove nested properties, you can use the code snippet below:~~

const invalidProperties = ['gender', 'feespaid']; //add more as needed function deleteNestedProperties(obj) { for (let key in obj) { if(invalidProperties.includes(key)) { delete obj[key]; } else { deleteNestedProperties(obj[key]); } } }

What is the process for removing a key from an object and replacing it with its corresponding value?

Answer №1

Answer №2

Answer №3

Similar questions

Personalizing the arrow positioning of the Angular8 date picker (both top and bottom arrow)

The use of WebSockets in conjunction with text encoding techniques

Tips for displaying a React component with ReactDOM Render

Adjust the styling with jQuery according to the selected value from the dropdown menu

Updating embedded documents with new information in mongodb

What is the process for configuring NextJS to recognize and handle multiple dynamic routes?

Issue with Vuex not functioning properly in Nuxt.js

"AngularJS Bi-Directional Data Binding Issue: Unexpected 'Undefined

Automatically Trigger Knex.JS Updates

Experiencing difficulties with a click event function for displaying or hiding content

Issue with zeroLineColor and zeroLineWidth not functioning properly for the x-axis within Chartjs

Send backspace key press event to the applet and prevent it from continuing

Enhancing button functionality using jQuery and JavaScript for toggling behavior

What is the reason behind Meteor automatically updating a record without the need to run a "Meteor.call" function for an update?

Creating dynamic properties in JavaScript based on another object is a powerful way to manipulate data

Utilizing the parameter "error" to distinguish unsuccessful tasks within async.mapLimit

Inject JSON data into a JavaScript array

smoothly hide the dropdown menu when a link is clicked with a transition effect

Initially, calling angular.element(..).scope() will return undefined

Firestore query is returning empty results upon page initialization, but provides data upon subsequent re-renders in React Native