How to resolve TypeError: Cannot convert undefined or null to object

Question

I've written a couple of functions that effectively replicate JSON.stringify(), converting a range of values into stringified versions. When I port my code over to JSBin and run it on some sample values, it functions just fine. But I'm getting this error in a spec runner designed to test this.

My code:

  // 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) + "";
    }
};

The error message I'm getting from the tester is:

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)

It seems to fail with: stringifyJSON(null) for example

please provide the input for which you are getting error, as its working for stringifyJSON({a:'b',c:'d'}) — vinayakj
– vinayakj, Commented Apr 18, 2015 at 18:33
Aside from the error, stringifyJSON([1,2,3]) returns 1,2,3 and stringifyJSON({foo: 'bar'}) returns {foo: "bar"}, both of which are not valid JSON. — Felix Kling
– Felix Kling, Commented Apr 18, 2015 at 18:34
My guess would be this line if (obj === 'null') { return null;} // null unchanged, - that won't pass when given null, only if given the string "null". So if you pass the actual null value to your script, it will be parsed in the Object part of the code. And Object.keys(null) throws the TypeError mentioned. To fix it, use if(obj === null) {return null} - without the qoutes around null. — veproza
– veproza, Commented Apr 18, 2015 at 18:36
Another issue: your code does not handle the possibility of embedded " characters in strings. — Pointy
– Pointy, Commented Apr 18, 2015 at 18:39
@Pointy - yes, i'll need to add some logic for that...thank you — zahabba
– zahabba, Commented Apr 18, 2015 at 18:40

veproza · Accepted Answer · 2018-09-03 13:48:10Z

232

Generic answer

This error is caused when you call a function that expects an Object as its argument, but pass undefined or null instead, like for example

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

As that is usually by mistake, the solution is to check your code and fix the null/undefined condition so that the function either gets a proper Object, or does not get called at all.

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

Answer specific to the code in question

The line if (obj === 'null') { return null;} // null unchanged will not evaluate when given null, only if given the string "null". So if you pass the actual null value to your script, it will be parsed in the Object part of the code. And Object.keys(null) throws the TypeError mentioned. To fix it, use if(obj === null) {return null} - without the qoutes around null.

edited Sep 3, 2018 at 13:48

answered Apr 18, 2015 at 18:50

veproza

2,9941 gold badge14 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

falsarella Over a year ago

Highlight: "And Object.keys(null) throws the TypeError mentioned."

Gio Over a year ago

To add another common example where this happens: delete obj.property where obj===null

KARTHIKEYAN.A · Accepted Answer · 2022-07-06 11:02:35Z

41

Make sure that object is not empty (null or undefined ).

Error:

let obj

Object.keys(obj)

Solution:

Object.keys(obj || {})

answered Jul 6, 2022 at 11:02

KARTHIKEYAN.A

20.5k11 gold badges139 silver badges151 bronze badges

3 Comments

Santosh Kumar Over a year ago

This is the easiest solution, it worked for me : Object.keys(obj || {})

BoyePanthera Over a year ago

This is the best solution, this happens mostly if you are programmatically deciding the value of the object obj and by chance your logic for determining its value returns a falsy value (null or undefined) so telling it to use a truthy value or an object with no property is the best answer.

WEBjuju Over a year ago

🤗 Smiling Face with Open Hands || {}

Yuvraj Patil · Accepted Answer · 2019-08-19 09:21:13Z

8

Make sure that destination object is not empty ( null or undefined ).

You can initialize destination object with empty object like below:

var destinationObj = {};

Object.assign(destinationObj, sourceObj);

answered Aug 19, 2019 at 9:21

Yuvraj Patil

8,8605 gold badges63 silver badges62 bronze badges

Comments

Josep Vicent Ibanez · Accepted Answer · 2020-10-27 10:26:01Z

6

This is very useful to avoid errors when accessing properties of null or undefined objects.

null to undefined object

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

undefined to empty object

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

null to empty object

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

edited Oct 27, 2020 at 10:26

answered Aug 11, 2020 at 13:24

Josep Vicent Ibanez

1,75816 silver badges15 bronze badges

Comments

Eduardo Cuomo · Accepted Answer · 2022-08-02 22:15:42Z

5

Adding Object && works before putting the object on to map.

objexts && Object.keys(objexts)?.map((objext, idx) =>

edited Aug 2, 2022 at 22:15

Eduardo Cuomo

19.2k7 gold badges121 silver badges98 bronze badges

answered Dec 13, 2021 at 7:19

heyShraddha

611 silver badge4 bronze badges

1 Comment

BoyePanthera Over a year ago

This works but is not technically the most efficient solution. Karthikeyan.a solution is more efficient.

Behzad Akbari · Accepted Answer · 2020-04-04 10:36:13Z

1

In my case, I added Lucid extension to Chrome and didn't notice the problem at that moment. After about a day of working on the problem and turning the program upside down, in a post someone had mentioned Lucid. I remembered what I had done and removed the extension from Chrome and ran the program again. The problem was gone. I am working with React. I thought this might help.

answered Apr 4, 2020 at 10:36

Behzad Akbari

211 bronze badge

Comments

Arfeo · Accepted Answer · 2019-12-31 12:28:40Z

0

I solved the same problem in a React Native project. I solved it using this.

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

edited Dec 31, 2019 at 12:28

Arfeo

8677 silver badges21 bronze badges

answered Dec 31, 2019 at 11:44

Oluwaseyi Adejugbagbe

3473 silver badges6 bronze badges

Comments

Donald Duck is with Ukraine · Accepted Answer · 2020-08-26 10:59:44Z

0

Replace

if (typeof obj === 'undefined') { return undefined;} // return undefined for undefined
if (obj === 'null') { return null;} // null unchanged

with

if (obj === undefined) { return undefined;} // return undefined for undefined 
if (obj === null) { return null;} // null unchanged

edited Aug 26, 2020 at 10:59

Donald Duck is with Ukraine

9,00223 gold badges82 silver badges106 bronze badges

answered Dec 31, 2019 at 19:09

Gev

8824 silver badges23 bronze badges

Comments

David Buck · Accepted Answer · 2020-10-08 06:06:04Z

0

If you're using Laravel, my problem was in the name of my Route. Instead:

Route::put('/reason/update', 'REASONController@update');

I wrote:

Route::put('/reason/update', 'RESONController@update');

and when I fixed the controller name, the code worked!

edited Oct 8, 2020 at 6:06

David Buck

3,87740 gold badges54 silver badges73 bronze badges

answered Oct 8, 2020 at 3:58

Nicodemos dos Santos

1

Comments

Gabriel Arghire · Accepted Answer · 2020-10-21 11:38:28Z

0

In my case I had an extra pair of parenthesis ()

Instead of

export default connect(
  someVariable
)(otherVariable)()

It had to be

export default connect(
  someVariable
)(otherVariable)

answered Oct 21, 2020 at 11:38

Gabriel Arghire

2,4241 gold badge29 silver badges38 bronze badges

Comments

utkarsh-k · Accepted Answer · 2020-12-15 04:57:39Z

Below snippet is sufficient to understand how I encountered the same issue but in a different scenario and how I solved it using the guidance in the accepted answer. In my case I was trying to log the keys of object present in the 0th index of the 'defaultViewData' array using Object.keys() method.

defaultViewData = [{"name": "DEFAULT_VIEW_PLP","value": {"MSH25": "LIST"}}] 

console.log('DEFAULT_VIEW', Object.keys(this.props.defaultViewData[0]));

The console.log was not getting printed and I was getting the same error as posted in this question. To prevent that error I added below condition

    if(this.props.defaultViewData[0]) {
  console.log('DEFAULT_VIEW', Object.keys(this.props.defaultViewData[0]));
}

Adding this check ensured that I didn't get this error. I hope this helps for someone.

Note: This is React.js code. (although to understand the problem it doesn't matter).

Nikhil Rauniyar · Accepted Answer · 2023-05-30 06:42:22Z

0

My API requests got expired so it was passing a null value that was giving this error.

Might as well check your API limits.enter image description here

answered May 30, 2023 at 6:42

Nikhil Rauniyar

11 bronze badge

Comments

RyanSun · Accepted Answer · 2024-01-02 07:31:17Z

0

Object.keys(obj ?? {})

It worked for me

edited Jan 2, 2024 at 7:31

answered Jan 2, 2024 at 7:30

RyanSun

11 bronze badge

Comments

desertnaut · Accepted Answer · 2024-01-04 00:35:52Z

0

reactTraverser.js:6 Uncaught TypeError: Cannot convert undefined or null to object at Function.keys (<anonymous>) at reactTraverser.js:6

If you are getting this error on typeScript Try using it without Live Server this error will not be displayed

edited Jan 4, 2024 at 0:35

desertnaut

60.8k32 gold badges155 silver badges183 bronze badges

answered Jan 4, 2022 at 7:46

Sheikh Hashir

141 bronze badge

Comments

Ivan Fernandez · Accepted Answer · 2019-07-05 21:08:01Z

-1

I have the same problem with a element in a webform. So what I did to fix it was validate. if(Object === 'null') do something

answered Jul 5, 2019 at 21:08

Ivan Fernandez

213 bronze badges

Collectives™ on Stack Overflow

How to resolve TypeError: Cannot convert undefined or null to object

15 Answers 15

2 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

15 Answers 15

2 Comments

3 Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related