如何根据属性过滤对象数组？

可以使用 JavaScript 中的filter()函数根据属性过滤对象数组。 filter()函数将返回一个包含所有满足给定条件的数组元素的新数组。如果没有元素通过条件，则返回一个空数组。 filter()函数循环或迭代每个数组元素并将每个元素传递给回调函数。

句法：

var newArray = array.filter(function(item)
 {
  return conditional_statement;
 });

注意： filter()函数不会改变原始数组。

示例 1：我们创建一个“学生”数组，并在数组上调用filter()函数以从数组中导出满足给定条件的元素。

Javascript

var obj = {
    'Students': [{
            "name": "Raj",
             "Age":"15",
            "RollNumber": "123",
            "Marks": "99",
              
        }, {
            "name": "Aman",
             "Age":"14",
            "RollNumber": "223",
            "Marks": "69",
           },
           {
            "name": "Vivek",
             "Age":"13",
            "RollNumber": "253",
            "Marks": "89",
           },
        ]
};
  
var newArray = obj.Students.filter(function (el)
{
  return el.Age >=15 &&
         el.RollNumber <= 200 &&
         el.Marks >= 80 ;
}
);
console.log(newArray);

输出：在数组上应用过滤函数后，我们得到数组的第一个元素作为输出，因为它满足给定的条件。

示例 2：以下示例显示从数组中过滤无效条目。我们创建了一个“id”数组，并在数组上调用filter()函数来导出其值为非零和数字的“id”。

Javascript

let array = [
  { id: 3 },
  { id: -1 },
  { id: 0 },
  { id: 15 },
  { id: 12.2 },
  { },
  { id: null },
  { id: NaN },
  { id: 'undefined' }
]
  
let countInvalidEntries = 0
  
function filterById(obj) {
  if (Number.isFinite(obj.id) && obj.id !== 0) 
  {
    return true
  } 
  countInvalidEntries++
  return false;
}
  
let arrayById = array.filter(filterById);
  
console.log('Filtered Array with non-zero and numeric id: \n',
        arrayById);
  
console.log('Number of Invalid Entries = ', countInvalidEntries);
  

输出：在大小为 9 的数组上应用filter()函数后，我们得到 4 个有效（非零和数字） id和 5 个无效id