Discovering ways to fetch an array of objects using object and arrays in JavaScript

Question

Discovering ways to fetch an array of objects using object and arrays in JavaScript

When comparing an array of objects with a single object and listing the arrays in JavaScript, specific conditions need to be met to retrieve the array of objects:

If the itemvalue and idvalue are the same, check if the arrobj cid has the same codevalue and return both array of objects.
If the itemvalue and idvalue are the same, check for mismatching cid in the arraylist and a codevalue that does not exist in the arraylist, then return the array of objects.
If the itemvalue and idvalue are the same, check if the codevalue matches in the arraylist and the cid has a value that does not exist in the arraylist, return the array of objects.

If none of the above conditions are met, return an empty array []

//data1
var arraylist = ["IN","FP", "FN"];
var arrobj1 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "3456"},
  {id:2, name: "mon", cid: "FI", itemvalue: "4567"},
  {id:3, name: "tues", cid: "SP", itemvalue: "4567"},
  {id:4, name: "thurs", cid: "FI", itemvalue: "2345"},
]
var obj1 = { id:5, name: "ben", codevalue: "SG", idvalue:"4567"};

Expected Output:
[
{id:2, name: "mon", cid: "FI", itemvalue: "4567"},  
{id:3, name: "tues", cid: "SP", itemvalue: "4567"}
]

//data2
var larrylist= ["IN","FI","FR"];
var arrobj2 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "IN", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj2 = { id:5, name: "ben", codevalue: "SP", idvalue:"2468"};

Expected Output:
[]

//data3
var arraylist= ["IN","FI","FR"];
var arrobj3 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "SG", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj3 = { id:5, name: "ben", codevalue: "FI", idvalue:"2468"};

Expected Output:
[
 {id:2, name: "mon", cid: "FI", itemvalue: "2468"}
]

Tried:

const result = arrobj1.filter((item) => {
  return item.itemvalue === obj.idvalue &&
    (
      !arraylist.includes(item.cid)
      || item.cid === obj.codevalue
    )
})

javascript arrays typescript object ecmascript-6

Answer 1

Answer №1

Being clear and specific when stating a problem often leads to finding a solution more easily. Make sure to articulate your thoughts precisely, and then code exactly what you have described.

By applying this approach to the original poster's issue and providing examples, we can derive the following:

The objective is to filter an array of objects (arrobj1) in order to generate another array that meets specific criteria related to an object (obj1) and another array (arraylist).

The filtering condition is met if there is a match between the property idvalue of obj1 and the property itemvalue of the array element, AND...
In addition, the condition must (2a) identify a match between the property codevalue of obj1 and the property cid of the array element, BUT (2b) this comparison depends on whether either the element's property (cid) or the object's property (codevalue) is present in arraylist. Specifically, if either the element's cid or the object's codevalue is in the arraylist, then the element's cid value must match the codevalue of obj1.

Framing the problem with such precision makes coding the conditions much simpler. Let's break it down into manageable pieces...

// condition 1
// el represents an element from arrobj1, obj is a similar instance to obj1
// check for equality between their itemvalue and idvalue properties
const idsMatch = (el, obj) => obj.idvalue === el.itemvalue;

// condition 2b
// el denotes an element from arrobj1, obj is akin to obj1, and cidList 
// is the list of cids provided (similar to arraylist)
// verify if the element's cid and obj's codevalue are included in the cidList
const cidFound = (el, obj, cidList) => {
  return cidList.includes(el.cid) || cidList.includes(obj.codevalue);
}

// condition 2a
// el is taken from arrobj1, obj resembles obj1
// assess whether their cid and codevalue properties match
const cidPropMatch = (el, obj) => obj.codevalue === el.cid;

// combine from 2a and 2b to create condition 2
// cidsMatch holds true if the element isn't in the cidList, or if it is and the objects' properties match
const cidsMatch = (el, obj, cidList) => {
  return !cidFound(el, obj, cidList) || cidPropMatch(el, obj);
}

// consolidate into a predicate
const filterPredicate = (el, obj, cidList) => {
  return idsMatch(el, obj) && cidsMatch(el, obj, cidList);
};

And there you have it! A demonstration...

// condition 1
const idsMatch = (el, obj) => obj.idvalue === el.itemvalue;

// condition 2b
const cidFound = (el, obj, cidList) => {
  return cidList.includes(el.cid) || cidList.includes(obj.codevalue);
}
// condition 2a
const cidPropMatch = (el, obj) => obj.codevalue === el.cid;

// condition 2
const cidsMatch = (el, obj, cidList) => {
  return !cidFound(el, obj, cidList) || cidPropMatch(el, obj);
}

// predicate
const filterPredicate = (el, obj, cidList) => {
  return idsMatch(el, obj) && cidsMatch(el, obj, cidList);
};

var arraylist = ["IN","FP", "FN"];
var arrobj1 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "3456"},
  {id:2, name: "mon", cid: "FI", itemvalue: "4567"},
  {id:3, name: "tues", cid: "SP", itemvalue: "4567"},
  {id:4, name: "thurs", cid: "FI", itemvalue: "2345"},
]
var obj1 = { id:5, name: "ben", codevalue: "SG", idvalue:"4567"}

const result = arrobj1.filter(el => filterPredicate(el, obj1, arraylist));
console.log(result);

// Expected Output
// [
// {id:2, name: "mon", cid: "FI", itemvalue: "4567"},  
// {id:3, name: "tues", cid: "SP", itemvalue: "4567"}
// ]


arraylist = ["IN","FI","FR"];
var arrobj2 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "IN", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj2 = { id:5, name: "ben", codevalue: "SP", idvalue:"2468"}

const result2 = arrobj2.filter(el => filterPredicate(el, obj2, arraylist));
console.log(result2);

// Expected Output
// []


arraylist = ["IN","FI","FR"];
var arrobj3 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "SG", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj3 = { id:5, name: "ben", codevalue: "FI", idvalue:"2468"}

const result3 = arrobj3.filter(el => filterPredicate(el, obj3, arraylist));
console.log(result3);

// Expected Output
// [
//  {id:2, name: "mon", cid: "FI", itemvalue: "2468"}
// ]

The crux lies in the meticulousness of defining and coding each step. By being precise about what you intend to achieve, you increase the chances of success. In this case, the accurate articulation of the requirements led to the expected results without any issues.

Answer 2

Being clear and specific when stating a problem often leads to finding a solution more easily. Make sure to articulate your thoughts precisely, and then code exactly what you have described.

By applying this approach to the original poster's issue and providing examples, we can derive the following:

The objective is to filter an array of objects (arrobj1) in order to generate another array that meets specific criteria related to an object (obj1) and another array (arraylist).

The filtering condition is met if there is a match between the property idvalue of obj1 and the property itemvalue of the array element, AND...
In addition, the condition must (2a) identify a match between the property codevalue of obj1 and the property cid of the array element, BUT (2b) this comparison depends on whether either the element's property (cid) or the object's property (codevalue) is present in arraylist. Specifically, if either the element's cid or the object's codevalue is in the arraylist, then the element's cid value must match the codevalue of obj1.

Framing the problem with such precision makes coding the conditions much simpler. Let's break it down into manageable pieces...

// condition 1
// el represents an element from arrobj1, obj is a similar instance to obj1
// check for equality between their itemvalue and idvalue properties
const idsMatch = (el, obj) => obj.idvalue === el.itemvalue;

// condition 2b
// el denotes an element from arrobj1, obj is akin to obj1, and cidList 
// is the list of cids provided (similar to arraylist)
// verify if the element's cid and obj's codevalue are included in the cidList
const cidFound = (el, obj, cidList) => {
  return cidList.includes(el.cid) || cidList.includes(obj.codevalue);
}

// condition 2a
// el is taken from arrobj1, obj resembles obj1
// assess whether their cid and codevalue properties match
const cidPropMatch = (el, obj) => obj.codevalue === el.cid;

// combine from 2a and 2b to create condition 2
// cidsMatch holds true if the element isn't in the cidList, or if it is and the objects' properties match
const cidsMatch = (el, obj, cidList) => {
  return !cidFound(el, obj, cidList) || cidPropMatch(el, obj);
}

// consolidate into a predicate
const filterPredicate = (el, obj, cidList) => {
  return idsMatch(el, obj) && cidsMatch(el, obj, cidList);
};

And there you have it! A demonstration...

// condition 1
const idsMatch = (el, obj) => obj.idvalue === el.itemvalue;

// condition 2b
const cidFound = (el, obj, cidList) => {
  return cidList.includes(el.cid) || cidList.includes(obj.codevalue);
}
// condition 2a
const cidPropMatch = (el, obj) => obj.codevalue === el.cid;

// condition 2
const cidsMatch = (el, obj, cidList) => {
  return !cidFound(el, obj, cidList) || cidPropMatch(el, obj);
}

// predicate
const filterPredicate = (el, obj, cidList) => {
  return idsMatch(el, obj) && cidsMatch(el, obj, cidList);
};

var arraylist = ["IN","FP", "FN"];
var arrobj1 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "3456"},
  {id:2, name: "mon", cid: "FI", itemvalue: "4567"},
  {id:3, name: "tues", cid: "SP", itemvalue: "4567"},
  {id:4, name: "thurs", cid: "FI", itemvalue: "2345"},
]
var obj1 = { id:5, name: "ben", codevalue: "SG", idvalue:"4567"}

const result = arrobj1.filter(el => filterPredicate(el, obj1, arraylist));
console.log(result);

// Expected Output
// [
// {id:2, name: "mon", cid: "FI", itemvalue: "4567"},  
// {id:3, name: "tues", cid: "SP", itemvalue: "4567"}
// ]


arraylist = ["IN","FI","FR"];
var arrobj2 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "IN", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj2 = { id:5, name: "ben", codevalue: "SP", idvalue:"2468"}

const result2 = arrobj2.filter(el => filterPredicate(el, obj2, arraylist));
console.log(result2);

// Expected Output
// []


arraylist = ["IN","FI","FR"];
var arrobj3 = [
  {id:1, name: "sun", cid: "IN", itemvalue: "1234"},
  {id:2, name: "mon", cid: "FI", itemvalue: "2468"},
  {id:3, name: "tues", cid: "SG", itemvalue: "2468"},
  {id:4, name: "thur", cid: "FI", itemvalue: "2345"},
]
var obj3 = { id:5, name: "ben", codevalue: "FI", idvalue:"2468"}

const result3 = arrobj3.filter(el => filterPredicate(el, obj3, arraylist));
console.log(result3);

// Expected Output
// [
//  {id:2, name: "mon", cid: "FI", itemvalue: "2468"}
// ]

The crux lies in the meticulousness of defining and coding each step. By being precise about what you intend to achieve, you increase the chances of success. In this case, the accurate articulation of the requirements led to the expected results without any issues.

Answer 3

Answer №2

Here is a possible solution for your request:

let filteredResult = data.filter((element) =>
    element.value === myObject.id && (listOfIds.includes(element.cid) || element.cid === myObject.code)
);

Answer 4

Here is a possible solution for your request:

let filteredResult = data.filter((element) =>
    element.value === myObject.id && (listOfIds.includes(element.cid) || element.cid === myObject.code)
);

Discovering ways to fetch an array of objects using object and arrays in JavaScript

Answer №1

Answer №2

Similar questions

Common mistakes encountered when utilizing webpack for react development

Find the mean of two values entered by the user using JavaScript

Do you know the method to make a Youtube iframe go fullscreen?

Unit testing the error function within the subscribe method in Angular

Can JavaScript be used to continuously monitor a window variable object in real-time?

The compatibility issue between jQuery Tabs and Sliding effect

Error: Attempting to access 'map' property of an undefined variable in NEXTJS

Updating and adding information in a JSON file using PHP functionality

Troubleshooting issues with cross-domain jQuery ajax requests

Tips on submitting an Array from a Textarea to mongoDB

Regarding passing input into a JavaScript class method that is exported through the exports keyword

Unable to access Vue.js cookies: they are not defined

Getting the WebElement object by manually clicking an element while in an active WebDriver Session

Retrieve the key{index} property from the .map method in React for the element that was just clicked

Exploring AngularJS: Effiecient Looping and Styling

Can anyone provide a solution for determining the number of active intervals in Javascript?

Display a spinning wheel or progress bar while the website is in the process of loading

Converting numbers in React Native, leaving only the last four digits untouched

Having difficulty sending emails with attachments using AngularJS

What is the process of directing to another HTML page within the same Express controller script?