Filter an array of objects based on specified conditions

Question

Filter an array of objects based on specified conditions

My JavaScript object array is structured like this:

const fruits =       [{
                        "id": "1",
                        "title": "Banana",
                        "description": "1 Minute"
                    },
                    {
                        "id": "2",
                        "title": "Apple",
                        "description": "2 - 3 Days"
                    },
                    {
                        "id": "3",
                        "title": "Manggo",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "4",
                        "title": "Orange",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "5",
                        "title": "Grape blue",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "6",
                        "title": "Grape red",
                        "description": "10 - 20 Days"
                    }]

I'm looking to filter out objects with description = "10 - 20 Days" and title doesn't include "Grape"

The expected result should be:

                    {
                        "id": "3",
                        "title": "Manggo",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "4",
                        "title": "Orange",
                        "description": "10 - 20 Days"
                    }

javascript arrays javascript-objects

Answer 1

Answer №1

If you want to easily filter out fruits that have the word "grapes" in their title and a description of "10 - 20 Days", you can achieve this using the Array.protoype.filter method along with the String.prototype.includes function.

const fruits = [{
    "id": "1",
    "title": "Banana",
    "description": "1 Minute"
  },
  {
    "id": "2",
    "title": "Apple",
    "description": "2 - 3 Days"
  },
  {
    "id": "3",
    "title": "Manggo",
    "description": "10 - 20 Days"
  },
  {
    "id": "4",
    "title": "Orange",
    "description": "10 - 20 Days"
  },
  {
    "id": "5",
    "title": "Grape blue",
    "description": "10 - 20 Days"
  },
  {
    "id": "6",
    "title": "Grape red",
    "description": "10 - 20 Days"
  }
];

const filteredFruits = fruits.filter(fruit => {
  if (!fruit.title.toLowerCase().includes("grape")) {
    if (fruit.description === "10 - 20 Days") {
      return true;
    }
  }

  return false;
});

console.dir(filteredFruits)

Answer 2

If you want to easily filter out fruits that have the word "grapes" in their title and a description of "10 - 20 Days", you can achieve this using the Array.protoype.filter method along with the String.prototype.includes function.

const fruits = [{
    "id": "1",
    "title": "Banana",
    "description": "1 Minute"
  },
  {
    "id": "2",
    "title": "Apple",
    "description": "2 - 3 Days"
  },
  {
    "id": "3",
    "title": "Manggo",
    "description": "10 - 20 Days"
  },
  {
    "id": "4",
    "title": "Orange",
    "description": "10 - 20 Days"
  },
  {
    "id": "5",
    "title": "Grape blue",
    "description": "10 - 20 Days"
  },
  {
    "id": "6",
    "title": "Grape red",
    "description": "10 - 20 Days"
  }
];

const filteredFruits = fruits.filter(fruit => {
  if (!fruit.title.toLowerCase().includes("grape")) {
    if (fruit.description === "10 - 20 Days") {
      return true;
    }
  }

  return false;
});

console.dir(filteredFruits)

Answer 3

Answer №2

To efficiently retrieve specific data, consider employing a filter function similar to this:

const fruits =       [{
                        "id": "1",
                        "title": "Banana",
                        "description": "1 Minute"
                    },
                    {
                        "id": "2",
                        "title": "Apple",
                        "description": "2 - 3 Days"
                    },
                    {
                        "id": "3",
                        "title": "Manggo",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "4",
                        "title": "Orange",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "5",
                        "title": "Grape blue",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "6",
                        "title": "Grape red",
                        "description": "10 - 20 Days"
                    }]

const res = fruits.filter(val=> !val.title.includes('Grape') && val.description.includes('10 - 20 Days'))

console.log(res)

Answer 4

To efficiently retrieve specific data, consider employing a filter function similar to this:

const fruits =       [{
                        "id": "1",
                        "title": "Banana",
                        "description": "1 Minute"
                    },
                    {
                        "id": "2",
                        "title": "Apple",
                        "description": "2 - 3 Days"
                    },
                    {
                        "id": "3",
                        "title": "Manggo",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "4",
                        "title": "Orange",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "5",
                        "title": "Grape blue",
                        "description": "10 - 20 Days"
                    },
                    {
                        "id": "6",
                        "title": "Grape red",
                        "description": "10 - 20 Days"
                    }]

const res = fruits.filter(val=> !val.title.includes('Grape') && val.description.includes('10 - 20 Days'))

console.log(res)

Filter an array of objects based on specified conditions

Answer №1

Answer №2

Similar questions

Angular - Collaborative HTML format function

What are the steps to produce a high-quality WebP image without losing any data?

Java program to identify the maximum difference between two consecutive numbers in an array

When it comes to optimizing JavaScript, what is the best approach for replacing multiple substrings in a string with various strings?

Creating a Universally Unique Identifier in NextJs

How can I access the attributes of items stored in an array in JavaScript?

Is there a problem with page fetching due to the interaction between the history.pushState URL and the jquery

Does the html label prevent propagation from occurring?

When implementing `useRouter().push()` in Next.js, it has the ability to refresh

Providing data from a javascript xml file upon page initialization

Errors that occur when parsing templates in Angular 2

Sorting may produce varied results across various web browsers

Combining four numbers to calculate a total with the click of a button

Rails does not accept parameters sent as [object Object] in a GET request

Typescript: Verifying the type of an interface

Typescript error: Unable to instantiate __WEBPACK_IMPORTED_MODULE_1_signature_pad__ as a constructor

Enhance user interaction in Angular 13 by animating a selected element using just one animation block

Traversing a two-dimensional array backwards in JavaScript

Discovering the length of an array in Postgres

Tips for extracting information from the DOM and populating a form with the extracted value