Determine the shared elements between two distinct arrays and create an object that includes these common elements

Question

Determine the shared elements between two distinct arrays and create an object that includes these common elements

I am dealing with 2 different arrays of objects

var array1 = [
{id: 1, name:'fruit', rating:5},
{id: 4, name:'vegetable', rating: 3},
{id: 8, name:'meat', rating:1}
];

var array2 = [
{alimentId: 1, quantity: 2},
{alimentId: 4, quantity: 2},
{alimentId: 8, quantity: 4}
]

and my goal is to create a new array that contains only specific elements from array1 based on certain conditions.

var array = [
    {id: 1, name:'fruit'},
    {id: 4, name:'vegetable'},
]

I need help in filtering out the elements with quantity 2 that match the alimentId with the id. Arrays and object manipulations confuse me at times, any assistance would be greatly appreciated.

javascript arrays object javascript-objects

Answer 1

Answer №1

After analyzing your issue, I suggest utilizing the code snippet below as a potential solution:

const customFilter = (array1, array2) => {
  return array1.filter(object => {
    const objectToCheck = array2.filter(item => item.productId === object.id);
    return objectToCheck[0].quantity === 2;
  });  
};

In addition, you have the option to input the desired value (2) and the corresponding key name (quantity) as parameters for further customization.

Answer 2

After analyzing your issue, I suggest utilizing the code snippet below as a potential solution:

const customFilter = (array1, array2) => {
  return array1.filter(object => {
    const objectToCheck = array2.filter(item => item.productId === object.id);
    return objectToCheck[0].quantity === 2;
  });  
};

In addition, you have the option to input the desired value (2) and the corresponding key name (quantity) as parameters for further customization.

Answer 3

Answer №2

var array1 = [
{id: 1, name:'fruit', rating:5},
{id: 4, name:'vegetable', rating: 3},
{id: 8, name:'meat', rating:1}
];

var array2 = [
{alimentId: 1, quantity: 2},
{alimentId: 4, quantity: 2},
{alimentId: 8, quantity: 4}
] 
       function filter(array1, array2) {
        return array1
         .filter(it => array2 // filtering array1 by array2
           .filter(it => it.quantity === 2) // filtering array2 by field quantity = 2
           .map(it => it.alimentId) // extracting array of alimentId
           .includes(it.id) // checking if array2.alimentId includes array1.id
          )
        }

console.log(filter(array1, array2))

Answer 4

var array1 = [
{id: 1, name:'fruit', rating:5},
{id: 4, name:'vegetable', rating: 3},
{id: 8, name:'meat', rating:1}
];

var array2 = [
{alimentId: 1, quantity: 2},
{alimentId: 4, quantity: 2},
{alimentId: 8, quantity: 4}
] 
       function filter(array1, array2) {
        return array1
         .filter(it => array2 // filtering array1 by array2
           .filter(it => it.quantity === 2) // filtering array2 by field quantity = 2
           .map(it => it.alimentId) // extracting array of alimentId
           .includes(it.id) // checking if array2.alimentId includes array1.id
          )
        }

console.log(filter(array1, array2))

Answer 5

Answer №3

implementing the following function

const find_common_elements = (array1, array2, amount) => {
  let result = []
  array1.forEach(element1 => {
    array2.forEach(element2 => {
      if(element1.id === element2.alimentId && element2.quantity === amount) {
        result.push(element1)
      }
    });
  });

  return result
}

Answer 6

implementing the following function

const find_common_elements = (array1, array2, amount) => {
  let result = []
  array1.forEach(element1 => {
    array2.forEach(element2 => {
      if(element1.id === element2.alimentId && element2.quantity === amount) {
        result.push(element1)
      }
    });
  });

  return result
}

Answer 7

Answer №4

One way to achieve this is by using the reduce method:

var filteredArray = originalArray.reduce((result, value, index) => {
    if (value.id === filterArray[index].alimentId) {
        result = [...result, {id: value.id, name: value.name}];
    }
    return result;
}, []);

Answer 8

One way to achieve this is by using the reduce method:

var filteredArray = originalArray.reduce((result, value, index) => {
    if (value.id === filterArray[index].alimentId) {
        result = [...result, {id: value.id, name: value.name}];
    }
    return result;
}, []);

Answer 9

Answer №5

const fruits = [
  {id: 1, name:'apple', rating:5},
  {id: 4, name:'carrot', rating: 3},
  {id: 8, name:'beef', rating:1}
];

const groceries = [
  {alimentId: 1, quantity: 2},
  {alimentId: 4, quantity: 2},
  {alimentId: 8, quantity: 4}
]

const commonItems = groceries.filter(item => item.quantity === 2 && fruits.find(el => el.id===item.alimentId));

console.log(commonItems)

Answer 10

const fruits = [
  {id: 1, name:'apple', rating:5},
  {id: 4, name:'carrot', rating: 3},
  {id: 8, name:'beef', rating:1}
];

const groceries = [
  {alimentId: 1, quantity: 2},
  {alimentId: 4, quantity: 2},
  {alimentId: 8, quantity: 4}
]

const commonItems = groceries.filter(item => item.quantity === 2 && fruits.find(el => el.id===item.alimentId));

console.log(commonItems)

Determine the shared elements between two distinct arrays and create an object that includes these common elements

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The integration of hapi.js with mysql appears to be experiencing difficulty displaying values on the browser

Using SOAP in a JavaScript-exclusive setting

Cookies are mysteriously invisible in the developer console of Safari/Chrome when using the Set-Cookie Header, yet they miraculously appear in server logs

Utilize Babel transpiling specifically for necessary Node modules

numpy/scipy in Python for binning using a vectorized method

The blur() function in -webkit-filter does not seem to function properly in Vue.js

Adding a Fictitious Pair to a JavaScript Object Literal

What causes the source code of a website to change when accessed from various browsers?

Step-by-step guide to customizing the theme in Nuxt using Vuetify

The connection between the layout of dropdown menus and the way data is handled in forms

Looking to adjust the title font size when exporting DataTable to Excel?

Tracking the number of images and adjusting the counter as the user scrolls

Tips on showcasing the elements within a div container using flexbox

Is there a way to make the button text bold before deleting it post clicking on an alert message?

Audio in A-Frame does not function properly when in VR mode

Updating v-model with inputs is proving to be a difficult task

How can I convert a MongoDB document into a DTO in NestJS?

Exploring nested JSON through recursive iteration in JavaScript

Expanding Java Classes and Replacing Methods with Multiple Parameters in ES4X/Graal

Preventing the "save" button from being enabled until a change has been made to at least one input field