错误类型错误：无法读取未定义的属性（读取：“过滤器”）

Question

findLoads(){
if(this.loggedInUser.userFullySetupFlag === 0 || this.loggedInUser.businessFullySetupFlag === 0){
  swal(
    'Incomplete Profile',
    'To find loads and bid, all the details inside User Profile (My Profile) and Business Profile (My Business) must be completed.',
    'error'
) 
return;
}

this.shipmentService.filterLoads(this.currentLoadBoardSearch).subscribe(responseObj =>{
  responseObj.searchResults = responseObj.searchResults.filter(function(value, index, arr){return value.loadNumber <= responseObj.loadNumber;});
  this.filteredLoads = responseObj.searchResults;
  console.log("Load Results:", responseObj);
  
});
this.spinner.hide();}

该项目包含许多我无法在此处显示的文件。但请帮我解决这个错误。

Answer 1

看起来responseObj.searchResults 是undefined 这就是为什么在对其应用过滤器时抛出错误的原因。 为避免这种情况，只需使用ES2020中引入的safe operator (?)

试试下面的代码：

this.shipmentService.filterLoads(this.currentLoadBoardSearch).subscribe(responseObj =>{
  responseObj.searchResults = responseObj?.searchResults?.filter(function(value, index, arr){return value?.loadNumber <= responseObj?.loadNumber;});
  this.filteredLoads = responseObj?.searchResults;
  console.log("Load Results:", responseObj);
  
});