Map array and find values

Question

I have an array and an object. In the array I have a list of Products and in the object I have a category.

What I should to do is to find a code in the array equals to the category.Code .

So I have thought to do a .map of the array, but I don't know how to return back only the values equal to category.code.

console.log("this.props.products: ", this.props.products)
console.log("this.props.category: ", this.props.category)

let findProducts = this.props.products.Products.map((product) => {
    console.log("product_", product.Categories.MainCode)
    product.Categories.MainCode == this.props.category.Code
})

console.log("findProducts: ", findProducts)

The findProducts returns me a list of undefined.

Basically I want obtain only the this.props.products.Products.Categories.MainCode == this.props.category.Code

(that should be more than one).

How can I do?? Thank you

Give us an example array of products so we can test out

pacukluka
– pacukluka

2020-05-18 13:10:11 +00:00
Commented May 18, 2020 at 13:10 — pacukluka
– pacukluka, Commented May 18, 2020 at 13:10

Yousaf · Accepted Answer · 2020-05-18 13:11:10Z

1

map is not the right function to use in this case. Instead, use .filter() function which will return an array of only those products for which the callback function returns true

let findProducts = this.props.products.Products.filter((product) => {
  return product.Categories.MainCode == this.props.category.Code;
})

answered May 18, 2020 at 13:11

Yousaf

29.5k6 gold badges54 silver badges78 bronze badges

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

Comments

Martin · Accepted Answer · 2020-05-18 13:11:12Z

1

What you need in this case is array.filter method, which expects a function to decide if an element should be in the result array.

let findProducts = this.props.products.Products.filter((product) => {
    return product.Categories.MainCode === this.props.category.Code
})
``

answered May 18, 2020 at 13:11

Martin

2,3032 gold badges16 silver badges23 bronze badges

Comments

Luciano · Accepted Answer · 2020-05-18 13:11:18Z

0

Try with filter

var arrayFiltered = this.props.products.Products.filter(item => item.Categories.MainCode == this.props.category.code);

answered May 18, 2020 at 13:11

Luciano

4751 gold badge7 silver badges17 bronze badges

Comments

Davi · Accepted Answer · 2020-05-18 13:11:34Z

0

You also need to return something from that mapping lambda...

let findProducts = this.props.products.Products.map(product => {
  console.log('product_', product.Categories.MainCode);
  return product.categories.MainCode == this.props.category.Code;
});

Besides, it looks like a use case for .filter rather than .map.

answered May 18, 2020 at 13:11

Davi

4,2941 gold badge18 silver badges29 bronze badges

Comments

Gh05d · Accepted Answer · 2020-05-18 13:12:04Z

0

This sounds like a standard use of filter:

let findProducts = this.props.products.Products.filter((product) => {
   return product.Categories.MainCode == this.props.category.Code
})

Filter returns only the entries for which true is returned.

answered May 18, 2020 at 13:12

Gh05d

9,06211 gold badges42 silver badges84 bronze badges

Comments

Michael · Accepted Answer · 2020-05-18 13:12:22Z

0

Try this:

let findProducts = this.props.products.Products.map((product) => {
    if (product.Categories.MainCode === this.props.category.Code) return product
})

answered May 18, 2020 at 13:12

Michael

1,8722 gold badges14 silver badges23 bronze badges

1 Comment

Yousaf Over a year ago

map function returns a value in each iteration. In your code, when if condition will be false, undefined will be returned.

Collectives™ on Stack Overflow

Map array and find values

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related