JS filtering an Array item through a value in a nested Array

Question

I can't figure out how to properly use .filter() to find an object in an Array by searching for a value in its nested Array.

I have the following data:

const orders = [
  {
    id: 1,
    items: [
      {
        itemId: "abc",
      },
      {
        itemId: "def",
      },
    ],
  },
  {
    id: 2,
    items: [
      {
        itemId: "jkl",
      },
      {
        itemId: "mno",
      },
    ],
  },
  {
    id: 3,
    items: [
      {
        itemId: "abc",
      },
      {
        itemId: "xyz",
      },
    ],
  },
];

I have the needed itemId: "abc" which I need to use to find all the objects that have items that also have the Id of "abc", so that the result is this:

 [
  {
    id: 1,
    items: [
      {
        itemId: "abc",
      },
      {
        itemId: "def",
      },
    ],
  },
  {
    id: 3,
    items: [
      {
        itemId: "abc",
      },
      {
        itemId: "xyz",
      },
    ],
  },
 ]

So far, I've tried the following:

orders &&
  orders.filter((order) => {
    return order.items.filter((item) => item.itemId === "abc");
  });

But it doesn't seem to work. What am I missing here?

In the inner function you need oder.items.some instead. Using filter inside will always result in an array, which will keep all items in the outer filter (since even an empty array is truthy) — user5734311
– user5734311, Commented Sep 14, 2021 at 19:18

Timur · Accepted Answer · 2021-09-14 19:27:00Z

1

Chris G beat me to it in the comments but he is right, you need to use order.items.some in your inner function:

const orders = [{
    id: 1,
    items: [{
        itemId: "abc",
      },
      {
        itemId: "def",
      },
    ],
  },
  {
    id: 2,
    items: [{
        itemId: "jkl",
      },
      {
        itemId: "mno",
      },
    ],
  },
  {
    id: 3,
    items: [{
        itemId: "abc",
      },
      {
        itemId: "xyz",
      },
    ],
  },
]

var ans = orders.filter((order) => {
  return order.items.some((item) => item.itemId === "abc");
});

console.log(ans)

answered Sep 14, 2021 at 19:27

Timur

2,3071 gold badge6 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Christian · Accepted Answer · 2021-09-14 19:27:24Z

1

const orders = [{
    id: 1,
    items: [{
        itemId: "abc",
      },
      {
        itemId: "def",
      },
    ],
  },
  {
    id: 2,
    items: [{
        itemId: "jkl",
      },
      {
        itemId: "mno",
      },
    ],
  },
  {
    id: 3,
    items: [{
        itemId: "abc",
      },
      {
        itemId: "xyz",
      },
    ],
  },
];

const result = orders.filter(order =>
  order.items.find(item => item.itemId === 'abc') !== undefined
)

console.log(result);

answered Sep 14, 2021 at 19:27

Christian

7,8925 gold badges42 silver badges66 bronze badges

1 Comment

Ruham Over a year ago

Thank you for the answer! I chose the answer that included .some after a bit of a research.

Collectives™ on Stack Overflow

JS filtering an Array item through a value in a nested Array

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related