From javascript for loop to underscore each

Question

I have an Angular app where I am looping through a collection. I am using a classic for loop, but for like to use something more up to date. underscore.js is already included in the project, and I took a look at using _.each

This is my current (working) js code:

Batches.create($scope.newPanel).then(function(panel) {
        console.log('panel created: ' + panel.id);
        for(i = 0; i < $scope.selector.tabledata.length; i++){
            createPanelDetails(panel.id, $scope.selector.tabledata[i]);
        }

I would like to use the _.each, but how do I pass in the panel.id variable as I do with the for loop?

_.each($scope.selector.tabledata, createPanelDetails(panel.id ??, iterator???);

Or should I be using some other method from underscore to achieve this?

Jacob · Accepted Answer · 2014-03-22 23:15:02Z

2

Use an inline function:

_.each($scope.selector.tabledata, function(data) {
    createPanelDetails(panel.id, data);
});

answered Mar 22, 2014 at 23:15

Jacob

79k24 gold badges159 silver badges245 bronze badges

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

Comments

Matthew Mcveigh · Accepted Answer · 2014-03-22 23:31:50Z

1

You could also do this using bind to create a partial function

Underscore:

_.each($scope.selector.tabledata, _.bind(createPanelDetails, undefined, panel.id));

Angular:

angular.forEach($scope.selector.tabledata, angular.bind(undefined, createPanelDetails, panel.id));

edited Mar 22, 2014 at 23:31

answered Mar 22, 2014 at 23:22

Matthew Mcveigh

5,67524 silver badges22 bronze badges

2 Comments

port5432 Over a year ago

What is the meaning of "undefined" in these functions?

Matthew Mcveigh Over a year ago

@ardochhigh sets this in the bound function to undefined, good thing to point out because if that function is in the scope of an object and the function uses this to refer to that object then the object should be passed instead of undefined

ryeballar · Accepted Answer · 2014-03-22 23:52:27Z

1

via underscore

_.each($scope.selector.tabledata, function(elem) {
  createPanelDetails(panel.id, elem);
});

via angular

angular.forEach($scope.selector.tabledata, function(elem, i){
  createPanelDetails(panel.id, elem);
});

I recommend to follow refrigerator's advice to use angular for consistency.

edited Mar 22, 2014 at 23:52

answered Mar 22, 2014 at 23:18

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

Comments

thefourtheye · Accepted Answer · 2014-03-23 03:15:17Z

1

This is a perfect use case for _.each and _.partial.

_.each($scope.selector.tabledata, _.partial(createPanelDetails, panel.id));

answered Mar 23, 2014 at 3:15

thefourtheye

241k53 gold badges466 silver badges505 bronze badges

Collectives™ on Stack Overflow

From javascript for loop to underscore each

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related