When an object is passed through JSON.stringify, the resulting output is simply an

Question

When an object is passed through JSON.stringify, the resulting output is simply an

My attempt to convert a JavaScript object into JSON is not working as expected. When I use console.log(myObject), the object is displayed correctly.

However, when I try

console.log(JSON.stringify(myObject));

, I only get an empty object {}.

Can anyone point out what could be causing this issue? Please see below for the object in question:

 Object
  autor: "Administrador"
  descripcion: "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai. In this exclusive interview, he walks us through his product vision."
  titulo: "The future of Google with Sundar Pichai"
  url_imagen: "https://i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg"
  url_video: "https://www.youtube.com/embed/TguamcqrQjI"
  __proto__: Object

For clarification, here is how I am creating the object:

var myObject = {};
    $http.get('apiCallToYoutubeIcantShareHereCauseItContainsAPrivateKey')
    .success(function(data) {

      myObject.titulo = data['items'][0]["snippet"]['title'];
      myObject.descripcion = data['items'][0]["snippet"]['description'];
      myObject.url_video ="https://www.youtube.com/embed/"+idYoutube;
      myObject.url_imagen = data['items'][0]["snippet"]['thumbnails']['standard']["url"];
      myObject.autor = 'Administrador';
    });

javascript json

Answer 1

Answer №1

It appears that you may be attempting to print the object before it has been received from the server (

This is due to an asynchronous request

). Consider waiting until the success message is triggered, or implementing concepts such as Promises/Deferred.

var myObject = {};
    $http.get('apiCallToYoutubeIcantShareHereCauseItContainsAPrivateKey')
    .success(function(data) {

      myObject.titulo = data['items'][0]["snippet"]['title'];
      myObject.descripcion = data['items'][0]["snippet"]['description'];
      myObject.url_video ="https://www.youtube.com/embed/"+idYoutube;
      myObject.url_imagen = data['items'][0]["snippet"]['thumbnails']['standard']["url"];
      myObject.autor = 'Administrador';

      console.log(JSON.stringify(myObject));
    });

Answer 2

It appears that you may be attempting to print the object before it has been received from the server (

This is due to an asynchronous request

). Consider waiting until the success message is triggered, or implementing concepts such as Promises/Deferred.

var myObject = {};
    $http.get('apiCallToYoutubeIcantShareHereCauseItContainsAPrivateKey')
    .success(function(data) {

      myObject.titulo = data['items'][0]["snippet"]['title'];
      myObject.descripcion = data['items'][0]["snippet"]['description'];
      myObject.url_video ="https://www.youtube.com/embed/"+idYoutube;
      myObject.url_imagen = data['items'][0]["snippet"]['thumbnails']['standard']["url"];
      myObject.autor = 'Administrador';

      console.log(JSON.stringify(myObject));
    });

Answer 3

Answer №2

The reason for the error is due to the presence of 2 semicolons ; inside your object where they are not supposed to be.

Your current code:

var myObject = {
    "autor": "Administrador",
    "descripcion": "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai.In this exclusive interview, he walks us through his product vision.Subscribe: goo.gl/G5RXGsFollow on Twitter: goo.gl/XTWX61↵Follow on Instagram: goo.gl/7ZeLvX ",
    "titulo": "The future of Google with Sundar Pichai",
    "url_imagen": "i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg";, // <-- Semicolon that doesn't belong here
    "url_video": "youtube.com/embed/TguamcqrQjI"; // <-- Semicolon that doesn't belong here
};

By removing the unnecessary semicolons from the Object:

JSFiddle: http://jsfiddle.net/zu2L3h5x/1/

var myObject = { 
    "autor": "Administrador",
    "descripcion": "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai.In this exclusive interview, he walks us through his product vision.Subscribe: goo.gl/G5RXGsFollow on Twitter: goo.gl/XTWX61↵Follow on Instagram: goo.gl/7ZeLvX ",
    "titulo": "The future of Google with Sundar Pichai",
    "url_imagen": "i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg",
    "url_video": "youtube.com/embed/TguamcqrQjI"
};

Answer 4

The reason for the error is due to the presence of 2 semicolons ; inside your object where they are not supposed to be.

Your current code:

var myObject = {
    "autor": "Administrador",
    "descripcion": "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai.In this exclusive interview, he walks us through his product vision.Subscribe: goo.gl/G5RXGsFollow on Twitter: goo.gl/XTWX61↵Follow on Instagram: goo.gl/7ZeLvX ",
    "titulo": "The future of Google with Sundar Pichai",
    "url_imagen": "i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg";, // <-- Semicolon that doesn't belong here
    "url_video": "youtube.com/embed/TguamcqrQjI"; // <-- Semicolon that doesn't belong here
};

By removing the unnecessary semicolons from the Object:

JSFiddle: http://jsfiddle.net/zu2L3h5x/1/

var myObject = { 
    "autor": "Administrador",
    "descripcion": "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai.In this exclusive interview, he walks us through his product vision.Subscribe: goo.gl/G5RXGsFollow on Twitter: goo.gl/XTWX61↵Follow on Instagram: goo.gl/7ZeLvX ",
    "titulo": "The future of Google with Sundar Pichai",
    "url_imagen": "i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg",
    "url_video": "youtube.com/embed/TguamcqrQjI"
};

Answer 5

Answer №3

Have you double-checked that myObject is still within scope when you run

console.log(JSON.stringify(myObject));

If you try the following code in the console, it should work without any issues:

var web = { "domain":"mammothworkwear.com","keywords":["Helly Hansen", "Snickers"]}; console.log(JSON.stringify(web));

It seems like your myObject might be empty

Edit:

The JSON you provided does not validate; you can check its formatting on http://jsonlint.com/

If you correct the formatting errors and execute it all in the console, it will work as intended:

var myObject = {
    autor: "Administrador",
    descripcion: "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai. In this exclusive interview, he walks us through his product vision.↵↵Subscribe: http://goo.gl/G5RXGs↵↵Check out our full video catalog: http://goo.gl/lfcGfq↵Visit our playlists: http://goo.gl/94XbKx↵Like The Verge on Facebook: http://goo.gl/2P1aGc↵Follow on Twitter: http://goo.gl/XTWX61↵Follow on Instagram: http://goo.gl/7ZeLvX↵Read More: http://www.theverge.com",
    titulo: "The future of Google with Sundar Pichai",
    url_imagen: "https://i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg",
    url_video: "https://www.youtube.com/embed/TguamcqrQjI"
}; 
console.log(myObject); 
console.log(JSON.stringify(myObject));

Answer 6

Have you double-checked that myObject is still within scope when you run

console.log(JSON.stringify(myObject));

If you try the following code in the console, it should work without any issues:

var web = { "domain":"mammothworkwear.com","keywords":["Helly Hansen", "Snickers"]}; console.log(JSON.stringify(web));

It seems like your myObject might be empty

Edit:

The JSON you provided does not validate; you can check its formatting on http://jsonlint.com/

If you correct the formatting errors and execute it all in the console, it will work as intended:

var myObject = {
    autor: "Administrador",
    descripcion: "At Google I/O 2015, everything we’ve seen and learned about is under the command of Sundar Pichai. In this exclusive interview, he walks us through his product vision.↵↵Subscribe: http://goo.gl/G5RXGs↵↵Check out our full video catalog: http://goo.gl/lfcGfq↵Visit our playlists: http://goo.gl/94XbKx↵Like The Verge on Facebook: http://goo.gl/2P1aGc↵Follow on Twitter: http://goo.gl/XTWX61↵Follow on Instagram: http://goo.gl/7ZeLvX↵Read More: http://www.theverge.com",
    titulo: "The future of Google with Sundar Pichai",
    url_imagen: "https://i.ytimg.com/vi/TguamcqrQjI/sddefault.jpg",
    url_video: "https://www.youtube.com/embed/TguamcqrQjI"
}; 
console.log(myObject); 
console.log(JSON.stringify(myObject));

Answer 7

Answer №4

There is a chance that the error in your JSON.stringify call is being intercepted somehow, leading to the result appearing as an empty object. However, pinpointing the exact issue would require analyzing the actual code and understanding its context.

Answer 8

There is a chance that the error in your JSON.stringify call is being intercepted somehow, leading to the result appearing as an empty object. However, pinpointing the exact issue would require analyzing the actual code and understanding its context.

When an object is passed through JSON.stringify, the resulting output is simply an

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

What are some ways to decrease the size of a JSON object?

Prevent postback in a LinkButton by disabling the default behavior when connecting it to a jQuery

Guide to creating a grammar in ANTLR4 for JSON data structures

Always display all options in MUI Autocomplete without any filtering

What is the most effective method for parsing application/json MIME type with Jersey @Consumes in Java?

The Philosophy Behind Structuring Node.js Modules

Why hasn't the styles folder been generated in Nuxt 3?

431 - (Excessive Request Header Size)

Displaying a PHP array in alphabetical order within a dropdown menu option

Enhancing Rails JSON Output

Learn about Angular8's prototype inheritance when working with the Date object

problem encountered when loading an HTML file within another HTML file using AJAX

displaying a PDF file in Safari

Display laravel view using JavaScript Ajax

Continue with the transaction by utilizing the window.open method

The error message "Cannot access documentElement property of null in Ajax" indicates a problem with finding the documentElement

Having trouble with accessing environment variables dynamically in NextJS

How is UI Router Extras causing unexpected errors in my unit tests?

Unable to scroll to the top of the page with JavaScript

Implementing an Onclick function in HTML