Фильтр Vue возвращает элементы из подобъекта

#vue.js

Вопрос:

У меня есть объект, который выглядит примерно так:

 {
   "itemsTasks":[
      {
         "id":1,
         "files":[
            
         ]
      },
      {
         "id":2,
         "files":[
            
         ]
      }
   ]
}
 

Теперь я хочу отфильтровать и вернуть только объект files из объекта со специальным идентификатором:

 this.editedIndex = 1
this.editedItem.files =  this.itemsTasks.filter((obj) => {
    return obj.id === this.editedIndex;
})
 

Но с этим я возвращаю объект с отверстием. Как я могу теперь вернуть только часть файлов?

Редактировать

С помощью @Shamsail я нашел решение

 this.editedItem.files = getFilesFromItemsTasks(this.editedIndex, this.itemsTasks)

function getFilesFromItemsTasks(index, tasks) {
    let result = tasks.filter((obj) => {
        return obj.id === index
    })
    return result[0].files
}
 

Ответ №1:

может быть, вы можете использовать для этого функцию

 this.editedIndex = 1
this.editedItem.files =  getFilesFromItemsTasks();

getFilesFromItemsTasks(){
   let result = this.itemsTasks.filter((obj) => {
       return obj.id === this.editedIndex;
   })
   return result.files
}