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

Question

我有数据numbers: []

数组包含

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

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

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

这是我尝试的代码

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

谢谢你

标签： vue.jsvuejs2nuxt.jsnuxtjs

Answer 1

尝试在返回前过滤数字

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