javascript - 在操作之前检查 Javascript/Typescript 中嵌套的 JSON 以查看 Data 是否为 null

Question

Typescript/Javascript 中是否有更简单的方法来检查嵌套 JSON 对象是否为 null，然后设置一个值？现在，我们必须遍历4个数据层来检查它们是否为空，然后才能进行设置值的操作。好奇是否有更简单的语法？

if (this.addressEntryConfig
    && this.addressEntryConfig.addressModel
    && this.addressEntryConfig.addressModel.partyMailingAddress 
    && this.addressEntryConfig.addressModel.partyMailingAddress.address) {

    this.addressMailingInputData = this.addressEntryConfig.addressModel.partyMailingAddress.address;
}

资源:Test for existence of nested JavaScript object key

Answer 1

在 Typescript 中，您可以使用可选链接...

this.addressEntryConfig?.addressModel?.partyMailingAddress?.address

如果其余属性不为 null 或未定义，它只会返回地址的值。如果任何为空或未定义，它将停止处理并仅返回未定义。

如果您还可以这样做:

if (this.addressEntryConfig?.addressModel?.partyMailingAddress?.address)
    this.addressMailingInputData = this.addressEntryConfig.addressModel.partyMailingAddress.address;

有关 TypeScript 3.7 发行说明页面的更多信息:https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#optional-chaining