Vue.js应用程序中的“TypeError:使用筛选器方法时无法将未定义或null转换为对象”

Question

代码如下：

getSections () {
  if (!this.document) {
    return []
  }

  return Object.keys(this.document.Sections).filter(x => this.document.Sections[x])
}

this.document.Sections是包含属性（以及对象）的对象。

如何消除这个错误？

Answer 1

[1，null，2，未定义，{}，3]。筛选器（x）=

[1，null，2，未定义，{}，3]。筛选器（x）=

只需在筛选器中指定正确的条件。

Answer 2

您需要检查此.document.Sections是否为空或未定义

getSections () {
  if (!this.document && !this.document.Sections) {
    return []
  }

  return Object.keys(this.document.Sections).filter(x => this.document.Sections[x])
}

Answer 3

正如消息所说，此错误来自将null传递给Object.keys。在控制台中尝试：

Object.keys(null)

VM198:1 Uncaught TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)

所以，在您的代码中，this.document.部分是空的。

在这里，您可以选择修复它。希望有帮助。

function getSections() {
    return (this.document && this.document.Sections)
        ? Object.keys(this.document.Sections)
            .filter(x => this.document.Sections[x])
        : [];
}

请在片段中查看：

var test = {
    document: {
        Sections: {
            a: 1,
            b: undefined,
            c: 3
        }
    }
};

function getSections() {
    return (test.document && test.document.Sections)
        ? Object.keys(test.document.Sections)
            .filter(x => test.document.Sections[x])
        : [];
}
console.log(getSections())