jquery for loop instead of underscore.js _.each

Question

ok, well i am not good with looping so here it goes..

i want to for loop this _.each

 _.each(data, function (item) {
                            newData.push({
                                id: item.FormID,  //id part present in data
                                text: item.FormName  //string to be displayed
                            });
                        });

_.each is a function of underscore.js library.

i don't want to use the library, just the plain jquery or javascript.

i tried like this.. i know its wrong. but have tried and failed.

for ( var i = 0; i < data; i++ ) {
    newData.push({
        id: item.FormID,  //id part present in data
        text: item.FormName  //string to be displayed
    });

}

Replace item.FormID with data[i].FormID. Same for FormName, or create a variable called item and assign it with data[i] before the push call in the loop — MilkyWayJoe
– MilkyWayJoe, Commented Aug 24, 2014 at 3:54

Chamika Sandamal · Accepted Answer · 2014-08-24 04:28:23Z

2

It is same in jQuery,

$.each(data, function(index, item) {
    newData.push({
        id: item.FormID, //id part present in data
        text: item.FormName //string to be displayed
    });
});

edited Aug 24, 2014 at 4:28

answered Aug 24, 2014 at 3:50

Chamika Sandamal

24.4k5 gold badges68 silver badges88 bronze badges

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

1 Comment

Volune Over a year ago

In jQuery, item is the second argument

durgesh.patle · Accepted Answer · 2014-08-24 03:53:55Z

1

do something like this:

$.each(data, function (index,value) {
                        newData.push({
                            id: value.FormID,  //id part present in data
                            text: value.FormName  //string to be displayed
                        });
                    });

you can also use for loop like this:

for ( var i = 0; i < data.length; i++ ) {
    newData.push({
       id: data[i].FormID,  //id part present in data
       text: data[i].FormName  //string to be displayed
     });

}

answered Aug 24, 2014 at 3:53

durgesh.patle

7207 silver badges25 bronze badges

2 Comments

Sizzling Code Over a year ago

Thankyou. both of your codes are working, i tried both.. But which one should i go for. I mean should i go for jquery or simple javascript??

durgesh.patle Over a year ago

$.each needs to include jquery library in your HTML, and if you don't want to include jquery library then go with simple javascript for loop for(var i=0;i<...

Brennan · Accepted Answer · 2014-08-24 03:50:41Z

1

i < data

Should be

i < data.length

Assuming data is an array

answered Aug 24, 2014 at 3:50

Brennan

5,7822 gold badges20 silver badges24 bronze badges

Comments

mu is too short · Accepted Answer · 2014-08-24 04:28:19Z

1

JavaScript arrays have forEach methods of their own:

data.forEach(function(item) {
    newData.push({ id: item.FormId, text: item.FormName });
});

Or, since you seem to be transforming the data array into another array, you could use map:

var newData = data.map(function(item) {
    return {
        id: item.FormId,
        text: item.FormName
    };
});

If newData already has things in it, then you could use concat to append the results from map:

var newData = [ ... ];
newData = newData.concat(data.map(function(item) {
    return {
        id: item.FormId,
        text: item.FormName
    };
}));

You could even use push and apply:

newData.push.apply(newData, data.map(function(item) { ... }));

answered Aug 24, 2014 at 4:28

mu is too short

436k71 gold badges863 silver badges822 bronze badges

Comments

Volune · Accepted Answer · 2014-08-24 04:29:59Z

0

jQuery is not what I call plain, it's already a library by itself, and it's a library in which the arguments of the iterator for each are inverted, compared to the plain javascript.

Unless you care about IE8, I suggest you to use Array.prototype.forEach which is available in plain javascript:

data.forEach(function (item) {
    newData.push({
        id: item.FormID,  //id part present in data
        text: item.FormName  //string to be displayed
    });
});

(And if you care about IE8, you can use the polyfill from MDN)

answered Aug 24, 2014 at 4:29

Volune

4,32924 silver badges23 bronze badges

Collectives™ on Stack Overflow

jquery for loop instead of underscore.js _.each

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related