如何通过子代ID过滤父对象?

时间:2019-04-10 17:12:45

标签: typescript angular7 ecmascript-5 ngrx-store

我正在收到这样的后端响应:

{
  "ReturnModel": {
    "Id": 20,
    "Name": "tserror.JPG,typeIssue.JPG",
    "Description": "testing",
    "SubjectId": 100001,
    "SubjectTypeId": 100001,
    "SubjectLevelId": 100001,
    "SubjectOptionId": 100001,
    "LanguageId": 100001,
    "BlobFileUpload": [
      {
        "FileId": 27,
        "FileName": "tserror_20190410110826.JPG",
        "FileDescription": "Upload",
        "CourseId": 20,
        "CourseFileUpload": null
      },
      {
        "FileId": 28,
        "FileName": "typeIssue_20190410110826.JPG",
        "FileDescription": "Upload",
        "CourseId": 20,
        "CourseFileUpload": null
      }
    ]
  }
}

从上面的json值中,我需要从BlobFileUpload-FileId中过滤父对象。为此,我尝试了以下操作,但不起作用。有什么建议我正确的方法吗?

case fileActions.RemoveFileSuccess.TYPE :

            const fileId = (<fileActions.RemoveFileSuccess>action).payload.Id;

            return {
                ...state,
                uploadedFiles : state.uploadedFiles.filter(file => file.BlobFileUpload.filter(blob => blob.FileId !== fileId))
            }

1 个答案:

答案 0 :(得分:1)

我认为您需要的是state.uploadedFiles.filter(file => file.BlobFileUpload.some(blob => blob.FileId !== fileId))

Array.protptype.some()检查数组中的任何项目对于提供的谓词是否真实,并返回一个布尔值。

Array.prototype.filter()期望返回布尔值的谓词,但是filter本身返回一个数组,并且数组始终是真实的。这就是为什么它没有为您过滤。