Determine whether the array of an object includes any elements from another array using Lodash

Question

Determine whether the array of an object includes any elements from another array using Lodash

Each product in the array contains a unique structure that includes an ID, name, and materials list. The materials list consists of various materials with their own IDs and names.

{
  id: 1,
  name: "product 1",
  materials: [
    {
      id: 1,
      name: "material 1"
    },
    {
      id: 2,
      name: "material 2"
    },
    {
      id: 3,
      name: "material 3"
    }
  ]
}

Every product can have a different number of materials in its materials list.

In addition, there is a separate array containing material IDs such as [1, 4, 7, 2, 5].

The task at hand is to filter the array of products so that only products with materials whose IDs match those in the array of material IDs remain.

javascript arrays lodash

Answer 1

Answer №1

attempt

items.filter(item => item.parts.some(part => partIds.includes(part.id)));

let partIds = [1, 4, 7, 2, 5];
let items = [
{ id: 1, name: "item 1", parts: [{id: 1,name: "part 1"},{id: 2,name: "part 2"},{id: 3, name: "part 3"}]},

{ id: 2, name: "item 2", parts: [{id: 2, name: "part 2"}]},

{ id: 3, name: "item 3", parts: [{id: 3, name: "part 3"}]},

]

let filteredItems = items.filter(item => item.parts.some(part => partIds.includes(part.id)));

console.log('Filtered items ids', filteredItems.map(item => item.id));
console.log('Filtered items', JSON.stringify(filteredItems));

Answer 2

attempt

items.filter(item => item.parts.some(part => partIds.includes(part.id)));

let partIds = [1, 4, 7, 2, 5];
let items = [
{ id: 1, name: "item 1", parts: [{id: 1,name: "part 1"},{id: 2,name: "part 2"},{id: 3, name: "part 3"}]},

{ id: 2, name: "item 2", parts: [{id: 2, name: "part 2"}]},

{ id: 3, name: "item 3", parts: [{id: 3, name: "part 3"}]},

]

let filteredItems = items.filter(item => item.parts.some(part => partIds.includes(part.id)));

console.log('Filtered items ids', filteredItems.map(item => item.id));
console.log('Filtered items', JSON.stringify(filteredItems));

Answer 3

Answer №2

Here is a way to achieve this:

import {intersection} from 'lodash'
const products = [...] 
const materialIds = [1,4,7,2,5]

// Example of using ES5+ function
const targetProducts = products.filter(p => intersection(p.materials.map(m => m.id), materialIds).length)

// Achieve the same result using lodash functions only: import {filter, map, intersection} from 'lodash'
const targetProducts = filter(products, p => intersection(map(p.materials, 'id'), materialIds).length)

Answer 4

Here is a way to achieve this:

import {intersection} from 'lodash'
const products = [...] 
const materialIds = [1,4,7,2,5]

// Example of using ES5+ function
const targetProducts = products.filter(p => intersection(p.materials.map(m => m.id), materialIds).length)

// Achieve the same result using lodash functions only: import {filter, map, intersection} from 'lodash'
const targetProducts = filter(products, p => intersection(map(p.materials, 'id'), materialIds).length)

Answer 5

Answer №3

If you want to achieve this task, you can utilize JavaScript methods like filter(), some(), and includes().

Start by applying filter() on the main array of products
Then, use some() on the materials property of each object.
Check whether the mats (material ids) list includes the id of a material.

let arr = [{ id: 1, name: "product 1", materials: [ { id: 1, name: "material 1" }, { id: 2, name: "material 2" }, { id: 3, name: "material 3" } ] },{ id: 2, name: "product 2", materials: [ { id: 11, name: "material 11" }, { id: 22, name: "material 22" }, { id: 33, name: "material 33" } ] }];

let mats = [1, 5, 6];

let res = arr.filter(x => x.materials.some(z=> mats.includes(z.id)));

console.log(res)

Answer 6

If you want to achieve this task, you can utilize JavaScript methods like filter(), some(), and includes().

Start by applying filter() on the main array of products
Then, use some() on the materials property of each object.
Check whether the mats (material ids) list includes the id of a material.

let arr = [{ id: 1, name: "product 1", materials: [ { id: 1, name: "material 1" }, { id: 2, name: "material 2" }, { id: 3, name: "material 3" } ] },{ id: 2, name: "product 2", materials: [ { id: 11, name: "material 11" }, { id: 22, name: "material 22" }, { id: 33, name: "material 33" } ] }];

let mats = [1, 5, 6];

let res = arr.filter(x => x.materials.some(z=> mats.includes(z.id)));

console.log(res)

Answer 7

Answer №4

const items = [
      {
        id: 1,
        name: 'item 1',
        components: [
          {
            id: 1,
            name: 'component 1'
          },
          {
            id: 7,
            name: 'component 7'
          },
          {
            id: 5,
            name: 'component 5'
          }
        ]
      },
      {
        id: 2,
        name: 'item 2',
        components: [
          {
            id: 1,
            name: 'component 1'
          },
          {
            id: 2,
            name: 'component 2'
          },
          {
            id: 3,
            name: 'component 3'
          }
        ]
      }
    ];
    const components = [3, 4];
    console.log(
      items.filter(item => {
        for (let i = 0; i < item.components.length; i++) {
          if (components.includes(item.components[i].id)) return true;
        }
      })
    );

I prefer this approach:

 products.filter(product => {
    for (let i = 0; i < product.materials.length; i++) {
      if (materials.includes(product.materials[i].id)) return true;
    }
  })

Answer 8

const items = [
      {
        id: 1,
        name: 'item 1',
        components: [
          {
            id: 1,
            name: 'component 1'
          },
          {
            id: 7,
            name: 'component 7'
          },
          {
            id: 5,
            name: 'component 5'
          }
        ]
      },
      {
        id: 2,
        name: 'item 2',
        components: [
          {
            id: 1,
            name: 'component 1'
          },
          {
            id: 2,
            name: 'component 2'
          },
          {
            id: 3,
            name: 'component 3'
          }
        ]
      }
    ];
    const components = [3, 4];
    console.log(
      items.filter(item => {
        for (let i = 0; i < item.components.length; i++) {
          if (components.includes(item.components[i].id)) return true;
        }
      })
    );

I prefer this approach:

 products.filter(product => {
    for (let i = 0; i < product.materials.length; i++) {
      if (materials.includes(product.materials[i].id)) return true;
    }
  })

Determine whether the array of an object includes any elements from another array using Lodash

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Enhance the efficiency of React code by optimizing the loading of data from multiple sources concurrently instead of one after another

Error Timeout Encountered by Langchain UnstructuredDirectoryLoader

Is it acceptable to utilize $$updated while expanding a firebase factory in order to execute a getTotal() method similar to the one demonstrated in the example

Guidelines for generating and printing a receipt on a thermal printer using react.js and NodeJs?

If the width of the table is set to 100% in the CSS, the legend in the Flot chart will automatically shift to the

The modal popup will appear in the center of the screen when the scrollbar is positioned at the top

Deserialization of Newtonsoft Array with Index Key

What is the best way to target and manipulate the transform property of multiple div elements in JavaScript?

Is there a way to ensure uniform display of HTML form error messages across various browsers?

Compel a customer to invoke a particular function

Interactive table created with DataTables that automatically updates the dynamic JSON data source whenever changes are made to the table

Generate a table framework by dynamically adjusting the number of rows and columns

Tips for effectively combining an array with jQuery.val

Use the evernote findNotesMetadata function to efficiently retrieve all notes by implementing an offset and maxnotes parameter for looping through

Positioning a Material UI Menu item underneath its parent element using CSS styling

What is the best way to utilize props and mounted() in NuxtJS together?

Configuring a JavaScript calendar with custom margins

Locating the value of a data attribute from a distant parent div using jQuery

Retrieving data from a file results in receiving blank strings

Illustration of a D3 graph demo