Search code examples
vue.jsvuejs2vuexgetter

VueX Getter to filter unique id's from array

I want to filter an array (that contains objects), to grab each message that contains a unique correspondence_id.

**Store contains 'messages' (with this structure): enter image description here

Getters where I want to filter it.

getCorrespondedUsers: (state) => {
        return state.messages.unique
    }

The messages all contain a correspondence_id, however now I can only grab all the messages, but I want to just grab unique people. The purpose of this is that I have messages, but on the left I want to display each person that I've messaged (but I'm not sure how I can only display each person once).

How can I filter my messages to just return each message with a unique correspondence_id?

Solution

  • You can use lodash to maintain readability of your code. Example:

    // don't forget to import only what
// you really need, not the whole library
import uniqBy from 'lodash/uniqBy'

export default {
  getCorrespondedUsers: state => uniqBy(state.messages, 'correspondence_id')
}