javascript - Array.filter（）在Vue.js中无法正常工作(Array.filter() not working properly in Vue.js [duplicate])

Question

(This question already has an answer here) :

((这个问题已经在这里有了答案)

：)

Javascript Array.prototype.filter() not working (1 answer)

(Javascript Array.prototype.filter（）不起作用 （1个答案）)

Closed 11 hours ago .

(11小时前关闭。)

Hi i'm struggling with this filter not working:

(嗨，我正在努力与此过滤器不起作用：)

export default {
  props: {
    participants: Array,
  },
  methods: {
    filterUsersByCostCenter() {
      this.participants.filter(function (participant) {
        return (participant.cost_center == 2);
      });
    }
  }
}
</script>

This is what participants looks like:

(参与者的样子如下：)

participants = [
  [0] => {
    'name': 'Luca',
    'surname': 'Rossi',
    'cost_center': 1
  }
  [1] => {
    'name': 'Mario',
    'surname': 'Rossi',
    'cost_center': 2
  }
]

I expect to get only the second index as result but doesn't work

(我希望仅获得第二个索引，但不起作用)

  ask by Luca Rossi translate from so

Answer 1

filter doesn't mutate the array, it returns a new one.

(filter不改变数组，它返回一个新的数组。)

You probably need to

(您可能需要)

this.participants = this.participants.filter(function (participant) {
  return (participant.cost_center == 2);
});