Filter objects in Javascript

Question

Is there quick way to filter an array of objects to return only a few properties in each object?

For example we have the data below:

var objArr = [{

    "Title": "July 13 - July 19 2014",
        "displayAd_imp": "3,500",
        "videoAd_imp": "1.5",
        "tv_imp": "0.52",
        "Date": "2014-07-17T00:00:00.000Z",
        "WeekNo": 29
}, {

    "Title": "July 20 - July 26 2014",
        "displayAd_imp": "1,600",
        "videoAd_imp": "2.55",
        "tv_imp": "0.052",
        "Date": "2014-07-24T00:00:00.000Z",
        "WeekNo": 30
}, {

    "Title": "July 27 - Aug 2 2014",
        "displayAd_imp": "1,500",
        "videoAd_imp": "2.1",
        "tv_imp": "0.122",
        "Date": "2014-07-31T00:00:00.000Z",
        "WeekNo": 31
}]

I'm trying to filter the array above to get another array with only videoAd_imp, videoAd_imp, tv_imp. so it would look like this:

 [{

            "displayAd_imp": "3,500",
            "videoAd_imp": "1.5",
            "tv_imp": "0.52",
    }, {

            "displayAd_imp": "1,600",
            "videoAd_imp": "2.55",
            "tv_imp": "0.052",

    }, {

            "displayAd_imp": "1,500",
            "videoAd_imp": "2.1",
            "tv_imp": "0.122",
}]

Thanks in advance!

If you want to modify the original objects, just loop over them, and use delete to remove the stuff you don't want. If you want new objects, use .map() and return new objects with only the stuff you do want. There's no built-in solution. — cookie monster
– cookie monster, Commented Aug 28, 2014 at 17:43
Is there a reason you don't want to use the object as is? (Not saying you should; just curious.) — Jonathan M
– Jonathan M, Commented Aug 28, 2014 at 17:45
...is this data arriving as JSON data? If so, this can be done automatically using JSON.parse(). — cookie monster
– cookie monster, Commented Aug 28, 2014 at 17:45

Mritunjay · Accepted Answer · 2014-08-28 18:20:55Z

9

Use Array.map like bellow

If you want new references to all objects.

var newArr = objArr.map(function (obj) {
     return {displayAd_imp:obj.displayAd_imp,videoAd_imp:obj.videoAd_imp,tv_imp:obj.tv_imp};
})

console.log(newArr);

If you want to get original references use like bellow

var newArr = objArr.map(function (obj) {
    delete obj.Date;
    delete obj.WeekNo;
    delete obj.Title
    return obj;
})

edited Aug 28, 2014 at 18:20

answered Aug 28, 2014 at 17:44

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

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

Comments

blex · Accepted Answer · 2014-08-28 17:46:23Z

3

var objArr = [{/* ... */}];

// cache the array length to avoid resolving it on every iteration
var arrLength = objArr.length;
// your new array
var newArr = [];

for(var i=0; i<arrLength; i++){
    // push only the properties you want to the new array
    newArr.push({
        displayAd_imp: objArr[i].displayAd_imp,
        videoAd_imp: objArr[i].videoAd_imp,
        tv_imp: objArr[i].tv_imp
    });
}
// show it in the console
console.log(newArr);

JS Fiddle Demo

answered Aug 28, 2014 at 17:46

blex

25.7k6 gold badges48 silver badges78 bronze badges

Comments

Max · Accepted Answer · 2014-08-28 17:50:31Z

2

Here is a simple solution

var newArr = []

for(var i=0;i<objArr.length) {
    newArr.push({
        displayAd_imp: objArr[i].displayAd_imp,
        videoAd_imp: objArr[i].videoAd_imp,
        tv_imp: objArr[i].tv_imp
       }
    );
}

edited Aug 28, 2014 at 17:50

answered Aug 28, 2014 at 17:44

Max

2,8462 gold badges27 silver badges35 bronze badges

Collectives™ on Stack Overflow

Filter objects in Javascript

3 Answers 3

Comments

JS Fiddle Demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related