Iterate through array of objects and print out property value

Question

If I have this:

  myArr = [{name: 'rich', secondName: 'james'}, {name: 'brian', secondName: 'chris'}];

  mySecondArr = [];

how can I loop over this so that mySecondArr = ['rich', 'brian']

I was thinking of doing something like:

for (var key in myArr){
    if (Object.hasOwnProperty(name){
      mySecondArr.push(name[value])
}

I know that is pseudo code but cant quite thing of the syntax for doing this as simply as possible

NO JQUERY PLEASE

Answer 1

Try this

for (var i=0;i<myArr.length; i++){
    if (myArr[i].name!=undefined){
      mySecondArr.push(myArr[i].name)
}

Answer 2

You can use map like this :

var myArr = [{name: 'rich', secondName: 'james'}, {name: 'brian', secondName: 'chris'}];

var mySecondArr = myArr.map(x => x.name);
console.log(mySecondArr);

Answer 3

You can use the map function and return the secondName

var result = myArr.map(function(a) {return a.secondName;});

Answer 4

You can use a simple map (ES6 code):

var myArr = [{name: 'rich', secondName: 'james'}, {name: 'brian', secondName: 'chris'}];

var mySecondArr = myArr.map(o => o.name);

console.log(mySecondArr);

Answer 5

Try following:

 var myArr = [{ name: 'rich', secondName: 'james' }, { name: 'brian', secondName: 'chris' }];

        var mySecondArr = [];

        myArr.forEach(function (data, index, myArr) {
            debugger;
            mySecondArr.push(data.name);
        });

        alert(mySecondArr);