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

What is the method behind the magic of `print(range(b'e'))` counting from 0 to 100?

Leverage promises to alter reactive data, strategically placing them to minimize the frequency of triggers being activated

Display the matrix in a semi-spiral pattern

React Checkbox Sum Component - Effortlessly Improve User Experience

Is there a way to search for the keyword "/test/" within a lengthy string using Regular Expressions?

Filtering a list in AngularJS based on a property of an object with a filter applied on it

Enhance your user interface by adding a tooltip above a button

Toggling event triggers with the second invocation

Could someone help clarify this issue within a React project?

Tips for designing a customizable color scheme for your website

Can a custom javascript object be exported in various formats similar to the Date object?

Click once to reveal, click twice to conceal the slider

Passing data between Vue.js components effortlessly without relying on events

Struggling to incorporate jquery and jquery-ujs into Browserify, encountering an error stating Uncaught ReferenceError: jQuery is not defined

Tips for incorporating a svg file into your React project

How can you toggle the visibility of a div based on detecting a specific class while scrolling?

Issues with Node.js routes on the express server aren't functioning as expected

Issue with API/CORS not fetching while utilizing react-email in ASP.NET/React.JS application

Stopping setTimeout when leaving the current page: Is it possible?

Having trouble accessing jQuery function within WordPress

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

Answer №1

Answer №2

Similar questions

What is the method behind the magic of `print(*range(*b'e'))` counting from 0 to 100?

Leverage promises to alter reactive data, strategically placing them to minimize the frequency of triggers being activated

Display the matrix in a semi-spiral pattern

React Checkbox Sum Component - Effortlessly Improve User Experience

Is there a way to search for the keyword "/test/" within a lengthy string using Regular Expressions?

Filtering a list in AngularJS based on a property of an object with a filter applied on it

Enhance your user interface by adding a tooltip above a button

Toggling event triggers with the second invocation

Could someone help clarify this issue within a React project?

Tips for designing a customizable color scheme for your website

Can a custom javascript object be exported in various formats similar to the Date object?

Click once to reveal, click twice to conceal the slider

Passing data between Vue.js components effortlessly without relying on events

Struggling to incorporate jquery and jquery-ujs into Browserify, encountering an error stating Uncaught ReferenceError: jQuery is not defined

Tips for incorporating a svg file into your React project

How can you toggle the visibility of a div based on detecting a specific class while scrolling?

Issues with Node.js routes on the express server aren't functioning as expected

Issue with API/CORS not fetching while utilizing react-email in ASP.NET/React.JS application

Stopping setTimeout when leaving the current page: Is it possible?

Having trouble accessing jQuery function within WordPress

What is the method behind the magic of `print(range(b'e'))` counting from 0 to 100?