如何解决 TypeError：无法将 undefined 或 null 转换为对象

IT技术 javascript null undefined
2021-02-07 14:48:40

我编写了几个有效复制 JSON.stringify() 的函数，将一系列值转换为字符串化版本。当我将代码移植到 JSBin 并在一些示例值上运行它时，它运行得很好。但是我在一个旨在测试这个的规范运行器中遇到了这个错误。

我的代码：

  // five lines of comments
  var stringify = function(obj) {
  if (typeof obj === 'function') { return undefined;}  // return undefined for function
  if (typeof obj === 'undefined') { return undefined;} // return undefined for undefined
  if (typeof obj === 'number') { return obj;} // number unchanged
  if (obj === 'null') { return null;} // null unchanged
  if (typeof obj === 'boolean') { return obj;} // boolean unchanged
  if (typeof obj === 'string') { return '\"' + obj + '\"';} // string gets escaped end-quotes
  if (Array.isArray(obj)) { 
    return obj.map(function (e) {  // uses map() to create new array with stringified elements
        return stringify(e);
    });
  } else {
    var keys = Object.keys(obj);   // convert object's keys into an array
    var container = keys.map(function (k) {  // uses map() to create an array of key:(stringified)value pairs
        return k + ': ' + stringify(obj[k]);
    });
    return '{' + container.join(', ') + '}'; // returns assembled object with curly brackets
  }
};

var stringifyJSON = function(obj) {
    if (typeof stringify(obj) != 'undefined') {
        return "" + stringify(obj) + "";
    }
};

我从测试人员那里得到的错误信息是：

TypeError: Cannot convert undefined or null to object
    at Function.keys (native)
    at stringify (stringifyJSON.js:18:22)
    at stringifyJSON (stringifyJSON.js:27:13)
    at stringifyJSONSpec.js:7:20
    at Array.forEach (native)
    at Context.<anonymous> (stringifyJSONSpec.js:5:26)
    at Test.Runnable.run (mocha.js:4039:32)
    at Runner.runTest (mocha.js:4404:10)
    at mocha.js:4450:12
    at next (mocha.js:4330:14)

它似乎失败了：例如 stringifyJSON(null)

6个回答

通用答案

当您调用一个期望Object作为其参数的函数，但传递undefined或null 时，会导致此错误，例如

Object.keys(null)
Object.assign(window.UndefinedVariable, {})

由于这通常是错误的，解决方案是检查您的代码并修复null/undefined条件，以便函数要么获得正确的Object，要么根本不被调用。

Object.keys({'key': 'value'})
if (window.UndefinedVariable) {
    Object.assign(window.UndefinedVariable, {})
}

特定于相关代码的答案

该行if (obj === 'null') { return null;} // null unchanged 不会在给定时评估null，只有在给定字符串时才会评估"null"。因此，如果您将实际null值传递给脚本，它将在代码的对象部分进行解析。并Object.keys(null)抛出TypeError提到的。要修复它，请使用if(obj === null) {return null}- 没有围绕 null 的 qoutes。

添加另一个发生这种情况的常见示例：delete obj.propertywhereobj===null
2021-03-29 14:48:40
突出显示：“并Object.keys(null)抛出TypeError提到的。”
2021-04-01 14:48:40

确保目标对象不为空（null或undefined）。

您可以使用空对象初始化目标对象，如下所示：

var destinationObj = {};

Object.assign(destinationObj, sourceObj);

这对于在访问 null 或未定义对象的属性时避免错误非常有用。

null 到未定义的对象

const obj = null;
const newObj = obj || undefined;
// newObj = undefined

未定义为空对象

const obj; 
const newObj = obj || {};
// newObj = {}     
// newObj.prop = undefined, but no error here

null 为空对象

const obj = null;
const newObj = obj || {};
// newObj = {}  
// newObj.prop = undefined, but no error here

我在 React Native 项目中解决了同样的问题。我用这个解决了它。

let data = snapshot.val();
if(data){
  let items = Object.values(data);
}
else{
  //return null
}

就我而言，我在 Chrome 中添加了 Lucid 扩展程序，但当时没有注意到问题。经过大约一天的工作解决这个问题并将程序颠倒过来，在一篇文章中有人提到了 Lucid。我记得我做了什么，从 Chrome 中删除了扩展程序，然后再次运行程序。问题就解决了。我正在使用 React。我认为这可能会有所帮助。

其它你可能感兴趣的问题
上一篇了解使用 JavaScript 选择 textarea 会发生什么 下一篇TypeError: $(...).DataTable 不是函数