Get first object from array

Question

I am trying to create an array which will hold just the Name elements from this array:

var array = [{Name: "steve"}, {Age: 18}, {Location: "Uk"}];

I am new to JavaScript and I am not sure how this would be done.

Answer 1

Here is a good read to understand how object works: http://www.w3schools.com/js/js_objects.asp

if you really want the name first element from this array just use

array[0]

Answer 2

If you want an array of just the objects that have a Name key, you can use Array.prototype.filter().

This will return a two-item array [{Name: "steve"}, {Name: "conor"}]:

var array = [{Name: "steve"}, {Age: 18}, {Location: "Uk"}, 
             {Name: "conor"}, {Age: 18}, {Location: "Uk"}];

var names = array.filter(function(obj) {
  if ('Name' in obj) {
    return true;
  } else {
    return false;
  }
});

If you want an array of just the Name values of just the objects that have a Name key, you can use Array.prototype.filter() and Array.prototype.map() together.

This will return a two-item array ["steve", "conor"]:

var array = [{Name: "steve"}, {Age: 18}, {Location: "Uk"}, 
             {Name: "conor"}, {Age: 18}, {Location: "Uk"}];

var names = array.filter(function(obj) {
  if ('Name' in obj) {
    return true;
  } else {
    return false;
  }
}).map(function(obj) { return obj['Name']; });

Either way, you may want to take another look at the structure of your array. It probably makes more sense to group your "people" so that each one is a single object, something like:

[{name: "steve", age: 18, location: "Uk"}, {name: "conor", age: 18, location: "Uk"}]