在Javascript中过滤对象数组并计算过滤后的元素数量

Question

我有一个由不同对象组成的数组，形式如下：

[{
   color:'red',
   'type':'2',
   'status':'true'
 }
 {
   color:'red',
   'type':'2',
   'status':'false'
 }]

我希望过滤一个名为status的元素，然后统计过滤后的数量，例如，如果状态为false，则返回1。

我已经尝试了下面的代码，但我不确定我在这里做什么：

for (i = 0; i < check.length; i++) {
  var check2;

  console.log(check[i].isApproved);
  (function(check2) {
    return check2 = check.filter(function(val) { 
        return val == false 
    }).length;
  })(check2)

  console.log('again Rides',check2);
}

- DEO

---

需要进一步解释。单词“filtered”被过度使用了。这非常不清楚... - IronAces

Answer 1

如果我理解正确，您想计算status等于'false'的元素数量。注意：您在status中拥有的值是字符串。

var check = [
  { color:'red', 'type':'2', 'status':'true' }, 
  { color:'red', 'type':'2', 'status':'false' } 
];

var countfiltered = check.filter(function(element){
    return element.status == 'false';
}).length

console.log(countfiltered);

- taguenizy

---

使用最新的JS特性更新：const countfiltered = check.filter((c) => c.status === "false").length; - jarmod

Answer 2

鉴于这个数据集：

const items = [
  { color:'red', type:'2', status:'true' }, 
  { color:'red', type:'2', status:'false' } 
];

以下是两种解决问题的方法：

使用reduce函数

const falseNb = items.reduce((n, item) => item.status === 'false' ? n+1 : n, 0)

使用过滤器

const falseNb = items.filter(e => e.status === 'false').length;

请注意，根据

const items = [
  { color:'red', type:'2', status:'true' }, 
  { color:'red', type:'2', status:'false' } ,
  { color:'red', type:'2', status:'false' } ,
  { color:'green', type:'1', status:'false' } ,
  { color:'red', type:'1', status:'true' } 
]

const falseNb = items.reduce((n, e) => e.status === 'false' ? n+1 : n, 0)

document.getElementById('result1').innerHTML = falseNb

const falseNbFilter = items.filter(e => e.status === 'false').length

document.getElementById('result2').innerHTML = falseNb

body { background: #333; color: #0f0; font-family: monospace}

<pre>
[
  { color:'red', type:'2', status:'true' }, 
  { color:'red', type:'2', status:'false' } ,
  { color:'red', type:'2', status:'false' } ,
  { color:'green', type:'1', status:'false' } ,
  { color:'red', type:'1', status:'true' } 
]
</pre>
Result with Reduce => <span id='result1'></span><br><br>

Result with Filter => <span id='result2'></span>

- TOPKAT

Answer 3

你可以进行计数，或者运行筛选器并获取最终数组的长度。

var count = 0;
var arr = [{color:'red', type:'2', status:'true'},
           {color:'red', type:'2', status:'false'} ];
// Showing filterin to be robust. You could just do this in 
// a loop, which would be sensible if you didn't need the subarray. 
var filtered = arr.filter ( function ( d ) {
    // Note that I'm testing for a string, not a boolean, because
    // you are using strings as values in your objects. 
    // If it was a boolean, you'd use if ( d.status ) { ... }
    count++;
    return d.status === 'false';
});

// These should be the same, reflecting number of objs with 'false'
console.log ( count );
console.log ( filtered.length );
// This should trace out a sub array of objs with status === 'false'
console.log ( filtered );

- Tim Consolazio