Question

我有一个搜索字段，用户可以在其中输入任何单词以获得所需的结果。我的物体在下面

[{
  "parentid":100,
  "parentname":"A",
  "child" : [
       {
          "childid": 1,
          "childname": "X1",
       },
       {
          "childid": 2,
          "childname": "X2",
       }]
  },
  {
  "parentid":200,
  "parentname":"B",
  "child" : [
       {
          "childid": 3,
          "childname": "X3",
       },
       {
          "childid": 4,
          "childname": "X4",
       }]
  }
]

如果搜索值为X4，我应该会得到低于结果的结果

{
      "parentid":200,
      "parentname":"B",
      "child" : [
           {
              "childid": 3,
              "childname": "X3",
           },
           {
              "childid": 4,
              "childname": "X4",
           }]
      }

到目前为止我尝试过的是

//this works if user search for parentname
onSearchChange(searchValue: string): void {  
    this.result = this.originalList.filter(f=>f.parentname.indexOf(searchValue) !== -1);
  }

//I tried below to search for parentname or childname, but no luch
onSearchChange(searchValue: string): void {  
    this.result = this.originalList.filter(f=>f.parentname.indexOf(searchValue) !== -1 ||
                      f.child.foreach(y=>y.childname.indexOf(searchValue) !== -1));
  }

Answer 1

this.result = this.originalList.filter(f => 
  f.parentname.includes(searchvalue) ||
  f.child.some(c => c.childname.includes(searchvalue))
);

Answer 2

let arr= [{
  "parentid":100,
  "parentname":"A",
  "child" : [
       {
          "childid": 1,
          "childname": "X1",
       },
       {
          "childid": 2,
          "childname": "X2",
       }]
  },
  {
  "parentid":200,
  "parentname":"B",
  "child" : [
       {
          "childid": 3,
          "childname": "X3",
       },
       {
          "childid": 4,
          "childname": "X4",
       }]
  }
];

let filteredArray = arr.filter((element) => element.child.some((child) => child.childname == "X4"));

console.log(filteredArray);

根据搜索值过滤子对象

2 个答案: