Remove a particular property from JSON data. I only want to remove key-value pairs where the Category is set to null, not all pairs

Question

Remove a particular property from JSON data. I only want to remove key-value pairs where the Category is set to null, not all pairs

I have a JSON dataset and I need to eliminate any categories with null values from it.

Specifically, I want to keep "Category":"start" intact but remove any instances of "Category":null.
I've come across solutions that achieve this but they end up deleting all categories, including "Category":"start", which is not what I'm looking for.

"First": [{
        "category": "Start",
        "name": "Start",
        "key": 1,
        "lastname": "xyz"
    }, {
        "category": null,
        "text": "Step",
        "key": 2,
        "lastname": "xyz"
    }, {
        "category": null,
        "text": "Condition",
        "key": 3,
        "loc": "xyz"
    }

javascript json

Answer 1

Answer №1

An efficient way to achieve this is by utilizing the map() function along with parameter destructuring.

const items = [{ "category": "Start", "name": "Start", "key": 1, "lastname": "xyz" }, { "category": null, "text": "Step", "key": 2, "lastname": "xyz" }, { "category": null, "text": "Condition", "key": 3, "loc": "xyz" }]
const result = items.map(({category,...rest}) => category === null ? {...rest} : {category,...rest})
console.log(result)

Answer 2

An efficient way to achieve this is by utilizing the map() function along with parameter destructuring.

const items = [{ "category": "Start", "name": "Start", "key": 1, "lastname": "xyz" }, { "category": null, "text": "Step", "key": 2, "lastname": "xyz" }, { "category": null, "text": "Condition", "key": 3, "loc": "xyz" }]
const result = items.map(({category,...rest}) => category === null ? {...rest} : {category,...rest})
console.log(result)

Answer 3

Answer №2

To achieve the desired output, refer to the code snippet provided below.

const array = [{
  "category": "Start",
  "name": "Start",
  "key": 1,
  "lastname": "xyz"
}, {
  "category": null,
  "text": "Step",
  "key": 2,
  "lastname": "xyz"
}, {
  "category": null,
  "text": "Condition",
  "key": 3,
  "loc": "xyz"
}];

const list = array.map(item => {
  let object = item;
  [undefined, null].includes(object.category) && delete object.category;
  return object;
});

console.log(list);

Answer 4

To achieve the desired output, refer to the code snippet provided below.

const array = [{
  "category": "Start",
  "name": "Start",
  "key": 1,
  "lastname": "xyz"
}, {
  "category": null,
  "text": "Step",
  "key": 2,
  "lastname": "xyz"
}, {
  "category": null,
  "text": "Condition",
  "key": 3,
  "loc": "xyz"
}];

const list = array.map(item => {
  let object = item;
  [undefined, null].includes(object.category) && delete object.category;
  return object;
});

console.log(list);

Remove a particular property from JSON data. I only want to remove key-value pairs where the Category is set to null, not all pairs

Answer №1

Answer №2

Similar questions

Using the fs module in a React Native application

No matter how many times I modified the code in the ReactDOM.render() method within my index.js file, the end result remained unchanged

Using Three.js to establish coplanarity of points and project coplanar points onto the XY plane

Developing object in place of an array (JavaScript)

Authentication for REST API using JavaScript in the web browser

Tips for utilizing postman filters within django applications

Display a featherlightbox popup when the page loads

Is there a way to retrieve the request object within loopback operational hooks?

Encountering blank values while retrieving JSON data in Objective C

Guide on designing a navigation list with unique buttons that alter the displayed content based on the selected button

Invoke a web service upon the loading of a page within the scope of an AngularJS Framework

The Ajax request encountered a syntax error due to an unexpected token '<'

AngularJS - A pagination demonstration incorporating intelligent logic inspired by Google's approach

What is the best way to extract data from a JSON object that is passed as a string parameter?

Special symbols used in a URL - searching for the uppercase Ø

Removing classes from multiple elements on hover and click in Vue 2

Retrieve the information from a JSON reply

I'm noticing a significant slowdown on my webpage due to a high volume of href URLs in my HTML script. What steps can I take to resolve this issue

Using JavaScript, capture and rearrange the colors of the store's section. JS

Spreading activity among react elements