Omit the items listed in the variable from the filtering process

Question

Omit the items listed in the variable from the filtering process

When working with JSON data, I often use the .filter method to remove certain categories and products from my dataset. Individually specifying each filter condition can quickly become lengthy and cumbersome.

For example, instead of writing out each exclusion criteria like this:

var myfilter = myjson.filter(function(c) {
    return (c.category != 3 && c.category!= 5 && c.category!= 8 && c.category!= 11 && c.product != 191 && c.product != 139 && c.product != "string instead of int");
  });

I would prefer a more concise approach using arrays for excluded categories and products:

var excludedcats = [3, 5, 8, 11]
var excludedproducts = [191, 139, "string instead of int"]

var myfilter = myjson.filter(function(c) {
    return (excludedcats.includes(c.category) || excludedproducts.includes(c.product));
  });

While I'm not an expert in JavaScript, I believe this could simplify the filtering process by using arrays and a single 'return' statement.

My research on this topic hasn't yielded the results I hoped for, but I did come across some interesting insights on array handling in JavaScript here.

javascript arrays json filter

Answer 1

Answer №1

One way to approach this is by utilizing the includes method:

let filteredData = jsonData.filter(function(item) {
  return !excludedItems.includes(item.category) && !excludedProducts.includes(item.product);
});

To learn more about this method, check out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

Answer 2

One way to approach this is by utilizing the includes method:

let filteredData = jsonData.filter(function(item) {
  return !excludedItems.includes(item.category) && !excludedProducts.includes(item.product);
});

To learn more about this method, check out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

Answer 3

Answer №2

Here is a slightly modified version with more flexibility.

let myData = [{
    type: "A",
    value: 10
  },
  {
    type: "B",
    value: "string"
  },
  {
    type: "C",
    value: 0
  }
];

let restrictions = {
  type: ["X", "Y"],
  value: [123, "string"]
}


let filteredData = myData.filter(function(d) {
  for (let key in restrictions) {
    for (let i = 0; i < restrictions[key].length; i++) {
      if (d[key] == restrictions[key][i]) {
        return false;
      }
    }
  }
  return true;

});

console.log(filteredData)

Answer 4

Here is a slightly modified version with more flexibility.

let myData = [{
    type: "A",
    value: 10
  },
  {
    type: "B",
    value: "string"
  },
  {
    type: "C",
    value: 0
  }
];

let restrictions = {
  type: ["X", "Y"],
  value: [123, "string"]
}


let filteredData = myData.filter(function(d) {
  for (let key in restrictions) {
    for (let i = 0; i < restrictions[key].length; i++) {
      if (d[key] == restrictions[key][i]) {
        return false;
      }
    }
  }
  return true;

});

console.log(filteredData)

Omit the items listed in the variable from the filtering process

Answer №1

Answer №2

Similar questions

Import txt file into numpy array

Adjust the formatDate function in the Material UI datepicker

Moving Angularjs table rows to another tableMoving table row from one Angular

Utilizing window.matchMedia in Javascript to retain user selections during page transitions

Distinguish between RegisterClientScriptBlock and RegisterStartupScript with the response.write("script") method

What is the process for fetching and storing a binary file video in Flask's Blob?

Adding npm packages to your Vue.js application

What could be the reason behind PHP not picking up my AJAX request string?

Display the invoice bill using text in a Vue component

Utilizing Highcharts to visualize data from a mysql database through a dynamic Pie Chart

Leveraging jQuery and JSON to retrieve the current user's information

Tips for activating a button and navigating to the following index in an array

Transforming JSON data into arrays that can be easily observed

Retrieving data from an Array

Change not accepted

It never fails to function automatically, no matter which script is being executed

Using Node.js and Express to assign a JavaScript property to a variable

Checking CORS permissions with a pre-flight OPTIONS request

Employing buttons and state to eliminate an item from a roster

Having trouble logging JSON data from nodejs + express while serving static files through express. However, I am able to see the data when I only make a GET request for the JSON data without the static files