Array of objects, get the first object in the array

Question

I have this:

var dinosaursObjectArray = [
  { name: "Tyrannosaurus Rex", period: "Late Cretaceous" },
  { name: "Stegosaurus", period: "Late Jurassic" },
  { name: "Plateosaurus", period: "Triassic" }
];

var dinoArray = dinosaursObjectArray[0];
alert(dinoArray);

but the outcome is this [object object]

How to get the properties of the object?

Thank you

replace alert(dinoArray); with console.log(dinoArray);, press F12 to open the console and you'll see it. Don't use alert for debugging — baao
– baao, Commented Aug 26, 2017 at 18:23

Dekel · Accepted Answer · 2017-08-26 18:23:14Z

2

The alert function gets a string, so when you passed the object to that function you got the string-representation of that object.

You actually did get the object you were looking for, but you just didn't know it because you used alert for debugging (which is not a good practice). You better use console.log for that (you can open the developer toolbar to see the results of console.log using F12).

If you want you can convert the object to json string (using JSON.stringify) and alert the result:

var dinosaursObjectArray = [
    { name: "Tyrannosaurus Rex", period: "Late Cretaceous" },
    { name: "Stegosaurus", period: "Late Jurassic" },
    { name: "Plateosaurus", period: "Triassic" }
];

var dinoArray = dinosaursObjectArray[0];
console.log(dinoArray);
alert(JSON.stringify(dinoArray));

answered Aug 26, 2017 at 18:23

Dekel

62.9k12 gold badges109 silver badges130 bronze badges

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

1 Comment

LikeToDo Over a year ago

Ah, oke. Thank you. nice

Shiladitya · Accepted Answer · 2017-08-26 18:25:23Z

0

Here you with a solution

var dinosaursObjectArray = [
  { name: "Tyrannosaurus Rex", period: "Late Cretaceous" },
  { name: "Stegosaurus", period: "Late Jurassic" },
  { name: "Plateosaurus", period: "Triassic" }
];

var dinoArray = dinosaursObjectArray[0];
console.log("Name: ", dinoArray.name, ", Period: ", dinoArray.period);

For accessing a value inside an object please use key.

Hope this will help you.

answered Aug 26, 2017 at 18:25

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

Comments

supun94 · Accepted Answer · 2017-08-26 18:30:08Z

0

Use JSON.stringify() method to converts a JavaScript value to a JSON string. Please follow this : https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

If you want to get properties of the object you can do browser level debugging using console.log instead of alert. That's the best way to get properties of the object.

var dinoArray = dinosaursObjectArray[0];
console.log(dinoArray);

answered Aug 26, 2017 at 18:30

supun94

1237 bronze badges

Comments

Alex Kudryashev · Accepted Answer · 2017-08-26 18:35:43Z

0

This is general solution how to access properties of an object. Note that in OP dinoArray.name and dinoArray['name'] are equivalent.

var dinosaursObjectArray = [
                            { name: "Tyrannosaurus Rex", period: "Late Cretaceous" },
                            { name: "Stegosaurus", period: "Late Jurassic" },
                            { name: "Plateosaurus", period: "Triassic" }
          ];
var obj = dinosaursObjectArray[0];

for(var key in obj){
console.log(key + ': ' + obj[key]);
}

answered Aug 26, 2017 at 18:35

Alex Kudryashev

9,5103 gold badges31 silver badges39 bronze badges

Collectives™ on Stack Overflow

Array of objects, get the first object in the array

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related