Array is printing as '[object Object]'

Question

I had been working on this for a couple of hours last night and need some help with something that I’d figure be a lot simpler. I am creating a form for a password keeper I’m building, and when I try to return the array of accounts - I get [object Object] When I console.log() the single account, I get the following - Account {accountName: "Facebook", username: "Username", password: "Testpass", email: "", other: ""} Which is what I expect to happen when adding the account to the accounts array - except each array item is an Account object.

With the current code, you can also call the individual properties such as console.log(account.password) which would return whatever text was in the password input. Again, this is the behavior I would have expected to happen.

https://github.com/andrewlundy/password-book/tree/working

Answer 1 · 2018-11-24T19:05:25Z

November 24, 2018 7:05pm

Hello Andrew,

I took a quick look at your repo. If I'm right, I guess you were fiddling with the playground.js file. If that is indeed the case, then I would further guess that you're calling the console log inside this function

function addAccount() {
    const accountName = document.getElementById('account').value;
    const username = document.getElementById('user').value;
    const password = document.getElementById('password').value;
    const email = document.getElementById('email').value;
    const other = document.getElementById('other').value;

    let account = new Account(accountName, username, password, email, other);

    accounts += account;
    console.log(accounts);
}

accounts is an array of objects like so: [account1, account2, account3 ...]. Therefore, trying to log out the array will return [object][object] as expected.

If you wish to log out the details in the accounts array, you must loop through the array, then iterate over the objects values.

Here is an example of how I would do it:

// first loop through the accounts array.
// You could use a normal **for or while loop** .
// I prefer javascript methods though (forEach, map, filter, reduce)
accounts.forEach(function(account) {
   // Now iterate through the values of the individual account objects
   for (let key in account) {
       let keyValue = account[key];
      console.log(key, keyValue);
   }
});

Welcome to the Treehouse Community

Looking to learn something new?

Andrew Lundy

Andrew Lundy

Array is printing as '[object Object]'

1 Answer

Dan Weru

Dan Weru

Andrew Lundy

Andrew Lundy