Unable to create array of objects in angularjs in foreach loop

Question

I am developing web application in angularjs. I have one foreach loop to loop through scope object. Below is my js code.

$scope.details = [];
$scope.apply = function() {
    angular.forEach($scope.screenMap, function(value, key) {
        //$scope.details.push(value.scrn_id, value.Read, value.Write);
        $scope.details.push("ID", value.scrn_id);
        $scope.details.push("Read", value.Read);
        $scope.details.push("Write", value.Write);
    });
    console.log($scope.details);
}

After looping I get total 18 entries for 3 iterations.

What I am expecting is

  ID:1  Read:True  Write: False
  ID:2  Read:False  Write: True
  ID:3  Read:True  Write: False
  ID:4  Read:False  Write: True

may I know how can I get array in above format?

Answer 1

You have to push to the array the values as an object to achieve this.

$scope.details = [];
        $scope.apply = function () {
            angular.forEach($scope.screenMap, function (value, key) {
                //$scope.details.push(value.scrn_id, value.Read, value.Write);
                $scope.details.push({"ID":value.scrn_id,"Read":value.Read,"Write":value.Write});
            });
            console.log($scope.details);
        }

Answer 2

push it as an object

$scope.details = [];
        $scope.apply = function () {
            angular.forEach($scope.screenMap, function (value, key) {

                $scope.details.push({"ID": value.scrn_id,
                                    "Read": value.Read,
                                    "Write": value.Write});
            });
            console.log($scope.details);
        }

Answer 3

Try this code

$scope.details = [];
$scope.apply = function () {
    angular.forEach($scope.screenMap, function (value, key) {
        var obj = {
            "ID" : value.scrn_id,
            "Read" : value.Read,
            "Write" :  value.Write
        };
        $scope.details.push(obj);
    });
    console.log($scope.details);
}

Answer 4

       angular.forEach($scope.screenMap, function (value, key) {

            $scope.details.push({
              "ID": value.scrn_id,
              "Read": value.Read,
              "Write", value.Write
            });
        });

Answer 5

Your pushing 3 times in a loop that too two objects at a time. Dont use commas to insert key value pair(object name : value)
javascript Object annotation is as follows var x = {"nameofthe Object1":object value1, "nameofthe Object2":object value2 } 3*2*3 = 18 and these are single entries.

create a javascript object and push into the $scope.details

    $scope.details = [];
    $scope.apply = function () {
        angular.forEach($scope.screenMap, function (value, key) {
            //$scope.details.push(value.scrn_id, value.Read, value.Write);
            $scope.details.push({"ID": value.scrn_id,
                                 "Read": value.Read,
                                 "Write": value.Write});
        });
        console.log($scope.details);
    }