用 Javascript 过滤 JSON

Question

I am trying to filter a JSON using filter and I'm not getting the clubProducts to return as I hoped (allProducts works fine). Any help is appreciated. Thank you

const state = {
  added: [],
  all: [
    {
      id: 'bcd755a6-9a19-94e1-0a5d-426c0303454f',
      name: 'Iced Coffee',
      description: 'Coffee, now featuring ice.',
      image: 'https://images.com',
      price: 899,
      fxCategory: 'Coffee'
    },
    {
      id: 'cc919e21-9a19-94e1-ace9-426c0303454f',
      name: 'The 2ndItem',
      description: 'Wouldn't you like to know.',
      image: 'https://images.com',
      price: 499,
      fxCategory: 'Club'
    }
  ]
}

const getters = {
    allProducts: state => state.all,
    clubProducts: state => function () {
        return state.all.filter(item => item.fxCategory == 'Club')
    }
}

EDIT: Updated with latest attempt as per suggestions

Answer 1

You made two mistakes: you can use filter() only on an array (ie state.all in your case), and in your comparison you didn't quote the string 'Club'.

Also, your filter() can be written in a shorter way, as such:

clubProducts: state.all.filter(item => item.fxCategory == 'Club')

See documentation for more.

Answer 2

As mentioned by @Reyedy you can call filter function directly in 'clubProducts' field and this example is works.

But you may get an error because you use single quotes in 'description' field.

Try in state.all

description: "Wouldn't you like to know.",

instead of

description: 'Wouldn't you like to know.',

This is the only place I got an error trying to repeat your example.