Vue.js 如何计算数组长度跳过空
我有数据Vue.js 如何计算数组长度跳过空,vue.js,vuejs2,nuxt.js,nuxtjs,Vue.js,Vuejs2,Nuxt.js,Nuxtjs,我有数据编号:[] 数组包含 numbers: [{number: 5}, {number:}, {number:3}] 数组中有3个对象 当我尝试console.log(number.length) 结果3但是我想要2,因为第二个对象是空的 下面是我要尝试的代码 computed: { total() { return this.numbers.length; }, }, 谢谢请在返回之前尝试过滤这些数字 计算:{ 总数(){ 返回此.numbers.fil
编号:[]
数组包含
numbers: [{number: 5}, {number:}, {number:3}]
数组中有3个对象
当我尝试console.log(number.length)
结果3
但是我想要2
,因为第二个对象是空的
下面是我要尝试的代码
computed: {
total() {
return this.numbers.length;
},
},
谢谢请在返回之前尝试过滤这些数字
计算:{
总数(){
返回此.numbers.filter(({number})=>Boolean(number)).length;
},
},
您可以使用数组过滤器创建具有自定义条件的新数组
computed: {
total() {
return this.numbers.filter(el => el.number != null).length;
},
},这是无效的
{number:}