ジェネリックforeachのJavaScriptでループとAngularJs

Question

私は value.Jobを行うことはできませんので、私は列の名前を知らない、foreachループでこだわっている、と私はそれを具体的なデータ

をすべてcolumsを表示する必要がありますここ

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 

任意のアイデア：

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 ??); 
});  

結果は次のようにする必要があります！

JavaScriptとAngularJs forEachの両方のオプションが必要です。 IVEはArray.forEachを使用しますが、angular.forEachはほぼ同じ構造を持っています

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]); 
 
    } 
 
});

注意を次のように

Answer 1

はい、あなたは、オブジェクト内のすべてのキーを列挙するfor...inループを使用することができます。

Answer 2

てみ次の2つのオプション：ジェネリックJavaScriptと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>

Answer 3

また、これを試してください：

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