Loop through an array of objects and get only a few objects

Question

I have this following array of Objects.

[Object, Object, Object]
    0:Object
       name: "Rick"
       Contact: "Yes"
       id: 1
    1:Object
       name:"Anjie"
       Contact:"No"
       id: 2
    2:Object
       name:"dillan"
       Contact:"Maybe"
       id:3

Now, i want only the name and Contact objects out of it. How can i get that. Also, in other case, i want name and id. Can someone let me know how to achieve this please.

for e.g. only name and Contact should give this result.

[Object, Object, Object]
    0:Object
      name: "Rick"
      Contact: "Yes"
    1:Object
      name:"Anjie"
      Contact:"No"
    2:Object
      name:"dillan"
      Contact:"Maybe"

What don't you know how to do? Seems like a pretty simple problem. Where are you stuck? — user1106925
– user1106925, Commented Jul 27, 2016 at 19:38
This previous question of yours gets you much of the way there. — user1106925
– user1106925, Commented Jul 27, 2016 at 19:40
name and Contact are properties of the Object. They are Strings, which are of course objects in themselves. But it would have been clearer to describe them as properties. Anyway you can use Array.map to achieve this — Mark Chorley
– Mark Chorley, Commented Jul 27, 2016 at 20:41

Blue · Accepted Answer · 2016-07-27 19:46:49Z

1

The simplest way is to use the map function:

var objs = objs.map(function(obj) {
    return {
        name: obj.name,
        Contact: obj.Contact
    }
});

Alternatively, you can loop through it manually:

var objs = [{
       name: "Rick",
       Contact: "Yes",
       id: 1
}, {
       name:"Anjie",
       Contact:"No",
       id: 2
}, {
       name:"dillan",
       Contact:"Maybe",
       id:3
}];

var newObjs = [];

for ( var i=0, len = objs.length; i < len; i++ )
{
    newObjs.push({
        name: objs[i].name,
        Contact: objs[i].Contact
    });
}

console.log(newObjs);

edited Jul 27, 2016 at 19:46

answered Jul 27, 2016 at 19:40

Blue

23k7 gold badges69 silver badges102 bronze badges

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

Comments

Parveen yadav · Accepted Answer · 2016-07-27 19:45:40Z

1

If you want to access some properties of an object in array than simply you can use a for loop and passing value of i like:-

for(var i=0;i<object.length;i++){
   object[i].name // give you name
   object[i].contact // give you contact do whatever you want to do with this
}

or simply write a function that make a separate object from your object in array.

answered Jul 27, 2016 at 19:45

Parveen yadav

2,3621 gold badge25 silver badges37 bronze badges

Comments

Gruff Bunny · Accepted Answer · 2016-07-27 19:46:03Z

1

You could use underscore's map and pick:

var result = _.map(data, item => _.pick(item, 'name', 'Contact'));

answered Jul 27, 2016 at 19:46

Gruff Bunny

28k10 gold badges74 silver badges61 bronze badges

Comments

Nina Scholz · Accepted Answer · 2016-07-27 21:13:15Z

1

A generic solution coould be one with a given data array and keys array. The wanted properties are mapped in a new array.

function getWithKeys(array, keys) {
    return array.map(function (a) {
        var o = {};
        keys.forEach(function (k) {
            o[k] = a[k];
        });
        return o;
    });
}

var array1 = [{ name: "Rick", Contact: "Yes", id: 1 }, { name: "Anjie", Contact: "No", id: 2 }, { name: "dillan", Contact: "Maybe", id: 3 }],
    array2 = getWithKeys(array1, ['name', 'Contact']),
    array3 = getWithKeys(array1, ['name', 'id']);

console.log(array2);
console.log(array3);

answered Jul 27, 2016 at 21:13

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

Nenad Vracar · Accepted Answer · 2016-07-27 20:18:34Z

You could use map() and return array of new objects with deleted property. To create copy of object you can use (JSON.parse(JSON.stringify()))

var data = [{ id: 1, name: "Rick", Contact: "Yes" }, { id: 2, name: "Anjie", Contact: "No" }, { id: 3, name: "dillan", Contact: 'Maybe' }];

var result = data.map(function(e) {
  var r = (JSON.parse(JSON.stringify(e)));
  delete r.id;
  return r;
});

console.log(result)
console.log(data)

Or you an use Object.assign({}, e)

var data = [{ id: 1, name: "Rick", Contact: "Yes" }, { id: 2, name: "Anjie", Contact: "No" }, { id: 3, name: "dillan", Contact: 'Maybe' }];

var result = data.map(function(e) {
  var r = Object.assign({}, e);
  delete r.id;
  return r;
});

console.log(result);
console.log(data);

Collectives™ on Stack Overflow

Loop through an array of objects and get only a few objects

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related