如何在不出现控制台错误的情况下检查 API 对象是否未定义？

Question

我正在使用 JS & AJAX 从 Web-API 收集信息（用于加密矿池）。几乎所有这些都可以完美地工作，但是按照开发人员设置服务器的方式，当不使用某个值时，它可能是空，而不是0。其他人确实有占位符值（我正在与开发人员交谈，为所有内容提供占位符，但在那之前，我需要一些帮助）。

例如：

{"version":"0.0.3","statusCode":200,"headers":{"Access-Control-Allow-Headers":"Content-Type, Access-Control-Allow-Headers, Access-Control-Allow-Origin, Access-Control-Allow-Methods","Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET","Content-Type":"application/json"},"body":{"primary":{"hashrate":{"shared":0,"solo":0},"payments":{"balances":0,"generate":0,"immature":0,"paid":0},"shares":{"shared":{},"solo":{}},"times":{"shared":0},"work":{"shared":0,"solo":0},"workers":{"shared":[],"solo":[]}},"auxiliary":{"hashrate":{"shared":0,"solo":0},"payments":{"balances":0,"generate":0,"immature":0,"paid":0},"shares":{"shared":{},"solo":{}},"times":{"shared":0},"work":{"shared":0,"solo":0},"workers":{"shared":[],"solo":[]}}}}

您可以看到在 body.primary.shares.shared 下它只是 [] 而不是零值。

这是脚本的一部分：

function avianDashboard(api, workerAPI) {
    const xhr = new XMLHttpRequest();
    xhr.open("GET", api, true);
    xhr.onload = function () {
        if (this.status === 200) {
            obj = JSON.parse(this.responseText);
            if (typeof (obj.body.primary.shares.shared) === 'undefined') {
                document.getElementById('minerShares').innerHTML = 0;
            } else {
                document.getElementById('minerShares').innerHTML = obj.body.primary.shares.shared.valid;
            }

//Rest of the function works properly so I've omitted it for the sake of sanity

当我运行页面时，console.log 显示此..

未捕获的类型错误：无法读取未定义的属性（读取“共享”） 在 XMLHttpRequest.xhr.onload (avian.php:784:61)

并指向这一行：

if (typeof (obj.body.primary.shares.shared) === '未定义') {

我发现了很多应该有助于解决这个问题的东西（包括使用 typeof 因为我最初只是使用 <1 或 null 作为我的条件检查器，但也不起作用。

任何帮助将不胜感激。

Answer 1

您可以使用可选链接来检查对象的属性是否确实存在：

if(obj?.body?.primary?.shares?.shared) {
  ...
}

在此处查看更多信息< /a>.