如何使用indexOf填充数组

Question

我正在尝试使用for循环的输出填充数组。 在这种情况下，我试图推送indexOf在showArray中不返回-1的每个结果。 这是我想要推送数组的例子。

<li class="student-item cf">
    <div class="student-details">
        <img class="avatar" src="https://randomuser.me/api/portraits/thumb/women/12.jpg">
        <h3>soline leclercq</h3>
        <span class="email">soline.leclercq@example.com</span>
    </div>
    <div class="joined-details">
           <span class="date">Joined 05/12/14</span>
   </div>
</li>

这是Javascript

var showArray = [];
for (var i = 0; i < eachStudent.length; i++) {
        var studentName = document.getElementsByTagName("h3");
        var studentInfo = studentName[i].innerText;
        var filter = inputString.value.toUpperCase();

        if (studentInfo.toUpperCase().indexOf(filter) != -1)  {
            showArray.push(eachStudent[i]);
        } 
       console.log(showArray);               
    }

到目前为止，showArray.push（eachStudent [i]）无效，它不会将项目打印到数组中。我的目标是在用户在搜索栏中输入时动态填充和清空该数组。