javascript - Επανάληψη σε Φωλιασμένο Πίνακα για πίνακα αντικειμένων βρείτε όλες τις τιμές αναζήτησης φιλτράρισμα

Πρόβλημα Αδυναμία επιστροφής testcaseid από τον πίνακα σε this.filteredArray

μπορεί να επιστρέψει την τιμή της κεφαλίδας και όλες τις τιμές του πίνακα εάν η λέξη αναζήτησης είναι κενή.

βοήθησέ με σε αυτό.

βοήθεια πώς να επαναλάβετε το testcaseid και την κεφαλίδα στο πεδίο εισαγωγής αναζήτησης.

Πίνακας -

 PanelList$: any[] =
[
   {
      "header":"header1",
      "data":[
         {
            "testcaseId":"tz_param",
            "description":"tz_param"
         },
         {
            "testcaseId":"tzication",
            "description":"tzication"
         }
      ]
   },
   {
      "header":"security",
      "data":[
         {
            "testcaseId":"tz_prompt",
            "description":"tz_prompt"
         },
         {
            "testcaseId":"z_Root_CA",
            "description":"z_Root_CA"
         },
         {
            "testcaseId":"tz_part1",
            "description":"tz_part1"
         }
      ]
   }
]

κωδικός αναζήτησης εισόδου -

 <input matInput (keyup)="applyFilter($event.target.value);" autocomplete="off" placeholder="Search Test Cases...">

Λειτουργία Φίλτρου - για αναζήτηση κεφαλίδας και αναγνωριστικού δοκιμαστικού

applyFilter(filterWord) {

let arraycase;
let arraycase1;

const word = filterWord.toString().toLowerCase();

this.filteredArray = this.PanelList$.filter(his => {

    if(his.header.toString().toLowerCase() ===  word) {
      console.log('1' + 'header')
      return his}


    if(his.header.toString().toLowerCase().includes(word)) {
      console.log('2' + 'return full array')
      return his}

   his.data.filter(ids => { 

      if(ids.testcaseId.toString().toLowerCase() ===  word) {
        console.log('3')

        arraycase = [{header: his.header, data: [ids] }]
        console.log(arraycase);
        return  arraycase
      } {

      return  arraycase
      }
      
    })

    console.log(arraycase1 + 'asdads');
  
})

Ενημέρωση 1 -

      this.PanelList$ = JSON.parse(msg.data);
      this.filteredArray = JSON.parse(msg.data);

τόσο αυτό το this.PanelList$ όσο και το this.filteredArray έχουν τον ίδιο πίνακα

Απάντηση #1

Τελική απάντηση στην ερώτησή μου - επιστρέφω την τιμή όπως αναμένεται από εμένα -

applyFilter(filterWord) {
    console.log(this.PanelList$);
    let arraycase;
    const word = filterWord.toString().toLowerCase();

    this.filteredArray = this.PanelList$.map((his) => {
      if (his.header.toString().toLowerCase() === word) {
        return his;
      }

      if (his.header.toString().toLowerCase().includes(word)) {
        return his;
      }

      arraycase = [];

      his.data.filter((ids) => {
        if (ids.testcaseId.toString().toLowerCase() === word) {
          arraycase = { header: his.header, data: [ids] };
          console.log(arraycase);
          return arraycase;
        }
      });
      return arraycase;
    });


    if (this.filteredArray[0].length === 0) {
      this.testCaseIdTable = true;
    }
  }

Απάντηση #2

Δεδομένου ότι δεν έχω όλο τον κώδικά σας, απλώς πρόσθεσα μερικές απαραίτητες τροποποιήσεις ώστε να μπορώ να δοκιμάσω και να έχετε μια ιδέα πώς να τροποποιήσετε τον κώδικά σας.

  //applyFilter(filterWord) {

let arraycase;
let arraycase1;

PanelList =
[
   {
      "header":"TestBootNotification_CS",
      "data":[
         {
            "testcaseId":"tc_real_module_param",
            "description":"tc_real_module_param"
         },
         {
            "testcaseId":"tc_BootNotification",
            "description":"tc_BootNotification"
         }
      ]
   },
   {
      "header":"security",
      "data":[
         {
            "testcaseId":"tc_with_prompt",
            "description":"tc_with_prompt"
         },
         {
            "testcaseId":"tc_install_Root_CA",
            "description":"tc_install_Root_CA"
         },
         {
            "testcaseId":"tc_install_client_cert_part1",
            "description":"tc_install_client_cert_part1"
         }
      ]
   }
]

   
  var word =  "TestBootNotification_CS".toString().toLowerCase();  //filterWord.toString().toLowerCase();

this.filteredArray = 
PanelList.map( 
    (his) => {

        if(his.header.toString().toLowerCase() ===  word) {
          console.log('1' + 'header')
          return his}
    
    
        if(his.header.toString().toLowerCase().includes(word)) {
          console.log('2' + 'return full array')
          return his}
    
          arraycase = [] 
          his.data.filter(ids => { 
    

          if(ids.testcaseId.toString().toLowerCase() ===  word) {
            console.log('3')
    
            // arraycase = [{header: his.header, data: [ids] }]
            var obj = {header: his.header, data: [ids] }
            arraycase.push( obj )
            console.log(arraycase);
            return  arraycase
          } else {
    
          return  arraycase
          }
          
        })
    
        console.log(arraycase1 + 'asdads') 
    }
 

 )



console.log( this.filteredArray  )