Generic foreach Loop in Javascript and AngularJs

Question

I'm stuck with foreach loop , i don't know the column Name so i can't do value.Job , and i need to display all the colums with it specific data

angular.forEach(data, function(value, key) {
    console.log( 'the  Object N° ' + i );
    'maybe another loop for all the column
    console.log( 'the column name is + ': ' +  value ??);
});

the result should be like :

the  Object N° 1 
the column name is  Name  :  Matt 
the column name is  Job  :  Teacher

the  Object N° 2 
the column name is  Name  :  Alice
the column name is  Job  :  Doctor

Any ideas here !

I want to see both the options for JavaScript and AngularJs forEach.

@user1187282 it looks that you're looking for loop in Angular to show your data — Mohit Tanwani
– Mohit Tanwani, Commented Sep 1, 2016 at 9:06

Jamiec · Accepted Answer · 2016-09-01 08:57:35Z

5

Yes, you can use a for...in loop to enumerate all the keys in an object as follows

var data = [
  {Name: "Matt", Job: "Teacher"},
  {Name: "Alice", Job: "Doctor"}];

data.forEach(function(e,i){
  console.log(i);
  for(var key in e){
      console.log(key + ':' + e[key] ); 
  }
});

Note that ive used Array.forEach, but angular.forEach will have much the same structure.

answered Sep 1, 2016 at 8:57

Jamiec

136k15 gold badges142 silver badges202 bronze badges

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

2 Comments

user1187282 Over a year ago

you're the best !!

Jamiec Over a year ago

@user1187282 awww, thanks. (BTW, I think that for...in can also be done with angular.forEach - it supports iterating an object too as I discovered by reading the docs)

Dhananjaya Kuppu · Accepted Answer · 2016-09-01 09:06:27Z

1

You may also try this:

data.forEach(function(item){
      Object.keys(item).forEach(function(key){
            console.log(key + ":" + item[key]);
      });
   });

answered Sep 1, 2016 at 9:06

Dhananjaya Kuppu

1,3329 silver badges10 bronze badges

Comments

Mohit Tanwani · Accepted Answer · 2016-09-01 09:35:37Z

-1

Try following two options: Generic JavaScript and AngularJs

//AngularJS for each 
var app = angular.module("app", []);
var values = [{'name': 'Jimi', 'gender': 'male'},{'name': 'Peter', 'gender': 'male'},{'name': 'Bob', 'gender': 'male'}];
app.controller('forEachController', ['$scope', function ($scope) {
        $scope.names = [];
        //Angular for each
        console.log("AngularJs Output");
        angular.forEach(values, function (value, key) {
            angular.forEach(value, function (val, k) {
              console.log(k + ":" + val);
            });
        });  
 }]);
console.log("JavaScript Output");
//Generic JavaScript for each
values.forEach(function(item){
  Object.keys(item).forEach(function(key){
    console.log(key + ":" + item[key]);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="forEachController"></div>

edited Sep 1, 2016 at 9:35

answered Sep 1, 2016 at 9:01

Mohit Tanwani

6,6382 gold badges16 silver badges33 bronze badges

1 Comment

Mohit Tanwani Over a year ago

It looks that question is asking to show angular for each to iterate data, that's why I've used Angular, Please justify downvote ?

Collectives™ on Stack Overflow

Generic foreach Loop in Javascript and AngularJs

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related