对象的多字字符串搜索筛选器数组 多词字符串搜索过滤对象数组 使用JavaScript和Ajax

几天来，我一直在努力完成这项任务，尽我最大的努力去做/学习每一件事，我感觉我已经接近了，但当我尝试并实现这项搜索功能时，仍然会遇到各种各样的错误

项目步骤

创建.json文件，其中包含您自己的朋友和家人（每个人至少6人）

示例

创建.js（此文件将调用.json文件并解析json）

我在输入中使用了onkeyup事件属性 在JavaScript文件中调用filterSearch（）

<input type="text" id="person-search" onkeyup="filterSearch()">

在

名字
姓
关系

当用户在输入字段中键入时，它应该根据每个对象数组中的值进行过滤

示例1

用户输入⇾ “兄弟”

显示⇾ 关系==“兄弟”的所有人对象

示例2

用户输入⇾ “科迪兄弟”

展示⇾ 名字：科迪|姓氏：奥尔森|亲属：兄弟

示例3

用户输入⇾ “伊桑·斯特克”

展示⇾ 名：伊桑|姓：斯特克|关系：朋友

示例4

用户输入⇾ “嗯”

展示⇾ 所有具有relation==“friend”的对象，因为“en”包含在“friend”中；所有具有lname==“Olsen”的对象，因为“en”包含在“Olsen”中

---

我该怎么做呢？我不需要有完整的答案，但我需要被指向正确的方向。我尝试获取对象中的所有值，然后在“”上拆分输入（一个空格），并将输入数组与对象值数组进行比较，但我被卡住了

<input type="text" id="person-search" onkeyup="filterSearch()">

    <table class="people-table">
        <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Relation</th>
            </tr>
        </thead>
        <tbody class="people-body">

        </tbody>
    </table>