vue.js - 如何计算数组长度跳过空

Question

我有数据numbers: []

数组包含

numbers: [{number: 5}, {number:}, {number:3}]

当我尝试时，数组中有 3 个对象console.log(numbers.length)

结果3，但我想要2，因为第二个对象是空的

这是我尝试的代码

computed: {
    total() {
      return this.numbers.length;
    },
  },

谢谢你

Answer 1

尝试在返回前过滤数字

computed: {
  total() {
    return this.numbers.filter(({number}) => Boolean(number)).length;
  },
},

Answer 2

您可以使用数组过滤器来制作具有自定义条件的新数组

computed: {
total() {
  return this.numbers.filter(el => el.number != null).length;
},

},