displaying [object object ] instead of data in the variable: ionic

Question

This is my code

this.facebook.login(['email', 'public_profile']).then((response: FacebookLoginResponse) => {
      this.facebook.api('me?fields=id,name,email,first_name,picture.width(720).height(720).as(picture_large)', [])
      .then((profile: any) => {
        let userData = {
          email: profile['email'],
          first_name: profile['first_name'],
          picture: profile['picture_large']['data']['url'],
          username: profile['name'],
          id: profile['id']
        }
        alert(userData);

In the emulators alert box, it's showing output as

[object object]

How can I resolve this issue?

use console.log() because you userData is a object

Marius Turcu
– Marius Turcu

2018-10-04 11:32:33 +00:00
Commented Oct 4, 2018 at 11:32 — Marius Turcu
– Marius Turcu, Commented Oct 4, 2018 at 11:32

Sunny Parekh · Accepted Answer · 2018-10-04 12:15:47Z

5

As your userData might be an JSON parsed object, it shows [object object].

Try using alert(JSON.stringify(userData)) and I guess it should solve your problem.

Also if you just want to verify the object data then you can use simply use console.log(userData).

edited Oct 4, 2018 at 12:15

answered Oct 4, 2018 at 11:59

Sunny Parekh

1,0019 silver badges19 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-10-04 11:32:24Z

1

You need to use JSON.stringify when you are displaying on alert,

 alert(JSON.stringify(userData));

answered Oct 4, 2018 at 11:32

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

1 Comment

navya Over a year ago

I want to assign the values to the userData. after converting into the string how can I read specific values like id,first_name,email etc & assign it to the userData variable.

Vyankatramana Manolwar · Accepted Answer · 2018-10-04 11:37:22Z

0

use "console.log(userData);" instead of "alert(userData);"

alert() is blocking & cannot be easily suppressed in a non-debug environment
console typically formats your objects nicely and allows to traverse them

answered Oct 4, 2018 at 11:37

Vyankatramana Manolwar

1

Collectives™ on Stack Overflow

displaying [object object ] instead of data in the variable: ionic

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related