filter array within array

Question

I have an array of products and i want to filter all those products with the level. The level here is also an array because i have used checkbox so if user selects level 1, a product with level 1 should be shown and if user again selects level 2, a product with level 1 and 2 should be shown. However i am getting all the products instead of the selected level.

Here is my code

// sample product data
products = [
{id: "1", sellerLevel: "new", status: "online"},
{id: "1", sellerLevel: "1", status: "offline"},
{id: "1", sellerLevel: "1", status: "offline"},
{id: "1", sellerLevel: "2", status: "online"}
]

function productFilterFromLevel({level}) { // level ["new", "1"]
  return products.filter(function(product) {
    return level.filter(function(lvl) {
      return product.sellerLevel === lvl;
    });
  });
}

ibrahim mahrir · Accepted Answer · 2017-01-24 02:48:31Z

2

// sample product data
products = [{
  id: "1",
  sellerLevel: "new",
  status: "online"
}, {
  id: "1",
  sellerLevel: "1",
  status: "offline"
}, {
  id: "1",
  sellerLevel: "1",
  status: "offline"
}, {
  id: "1",
  sellerLevel: "2",
  status: "online"
}]

function productFilterFromLevel(level) {
  return products.filter(function(product) {
    return level.indexOf(product.sellerLevel) != -1;
  });
}

console.log(productFilterFromLevel(["new", "1"]));

answered Jan 24, 2017 at 2:48

ibrahim mahrir

31.8k5 gold badges50 silver badges78 bronze badges

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

1 Comment

Serenity Over a year ago

This worked on my case. Thanks for your help. I forgot indexOf to check in the elements in an array.

MikaAK · Accepted Answer · 2017-01-24 03:30:19Z

2

You can use Array.includes with your filter

const productFilterFromLevel = ({level}, products) => products
  .filter(item => level.includes(item.sellerLevel))

or without includes you can just filter on the keys like so

const productFilterFromLevel = function({level}, products) {
  return products.filter(function(product) {
    return level.indexOf(product.sellerLevel) !== -1
  })
}

as you can see the includes version is much cleaner but you can always make your own include function:

const arrayIncludes = function(array, item) {
  return array.indexOf(item) !== -1
}

edited Jan 24, 2017 at 3:30

answered Jan 24, 2017 at 2:47

MikaAK

2,3646 gold badges27 silver badges56 bronze badges

Comments

Leo · Accepted Answer · 2017-01-24 02:53:13Z

1

It's not as easy as simple match since you need a comparison of sellerLevel:

function productFilterFromLevel(level) { // level ["new", "1"]
  return products.filter(function(product) {
    for (var i = 0; i < level.length; i++) {
      if (level[i] === 'new') {
        return product.sellerLevel === 'new'
      }
      return +product.sellerLevel <= +level[i]
    }
  });
}

edited Jan 24, 2017 at 2:53

answered Jan 24, 2017 at 2:48

Leo

13.9k5 gold badges47 silver badges64 bronze badges

Comments

Raphael Rafatpanah · Accepted Answer · 2017-01-24 02:59:39Z

1

You have an array of objects, which is a great use case for Array.filter.

// sample product data
products = [
{id: "1", sellerLevel: "new", status: "online"},
{id: "1", sellerLevel: "1", status: "offline"},
{id: "1", sellerLevel: "1", status: "offline"},
{id: "1", sellerLevel: "2", status: "online"}
]

function filter(products, matches) {
  return products.filter(product => {
    return matches.includes(product.sellerLevel);
  });
}

console.log(filter(products, ['new', '1']));

// [
//   {id: "1", sellerLevel: "new", status: "online"},
//   {id: "1", sellerLevel: "1", status: "offline"},
//   {id: "1", sellerLevel: "1", status: "offline"}
// ]

https://jsfiddle.net/persianturtle/fL8eupoz/3/

edited Jan 24, 2017 at 2:59

answered Jan 24, 2017 at 2:43

Raphael Rafatpanah

20.2k28 gold badges106 silver badges176 bronze badges

2 Comments

Serenity Over a year ago

Thanks for answering. However the problem that i have raised in my question is i am not comparing sellerLevel to 1 or new but with level array not a single value.

Raphael Rafatpanah Over a year ago

@Apprentice, Updated

Collectives™ on Stack Overflow

filter array within array

4 Answers 4

1 Comment

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related