javascript - 当我的某些模型为空或为空时如何重构它

Question

目前，当 vm.LocationId 或 vm.ZoneId 未定义或为 null 或未找到匹配项时，我的 FullName 在字符串末尾为“未定义未定义”。

如果 vm.LocationId 或 vm.ZoneId 为 null，生成 FullName 值的更好或更安全的方法是什么。

 vm.Company.FullName =
                ($(vm.CompanyList).filter(function(i, n) {
                    return n.ModelId == vm.CompanyId;
                })).prop("Name") + " " +

                $filter("filter")(vm.CopmanyYears, vm.YearID) +" "+

                ($(vm.LocationList).filter(function (i, n) {
                    return n.LocationId == vm.LocationId;
                })).prop("Name") + " " +

                ($(vm.ZoneList).filter(function (i, n) {
                    return n.ZoneId == vm.ZoneId;
                })).prop("Name") ;                

Answer 1

首先将代码分成几行然后进行分配。

const company = $(vm.CompanyList).filter(company => company.ModelId === vm.CompanyId) || {}
const year = $filter(`filter`)(vm.CopmanyYears, vm.YearID)
const location = $(vm.LocationList).filter(
  location => location.LocationId === vm.LocationId
) || {}
const zone = $(vm.ZoneList).filter(zone => zone.ZoneId === vm.ZoneId) || {}

const names = [company.name, year, location.name, zone.name]
vm.Company.FullName = names.filter(v => v).join(` `)