如何在javascript中正确过滤屏幕上显示的数据？

// 假设有一个包含学生信息的数组
const students = [
  { name: 'Alice', age: 20, grade: 'A' },
  { name: 'Bob', age: 22, grade: 'B' },
  { name: 'Charlie', age: 19, grade: 'A' },
  { name: 'David', age: 21, grade: 'C' }
];

// 定义过滤条件：只显示成绩为'A'的学生
const filterCondition = (student) => student.grade === 'A';

// 创建过滤函数
const filteredStudents = students.filter(filterCondition);

// 更新显示结果
const resultElement = document.getElementById('result');
resultElement.innerHTML = '';

filteredStudents.forEach((student) => {
  const studentElement = document.createElement('div');
  studentElement.textContent = student.name;
  resultElement.appendChild(studentElement);
});