How to iterate array of JSON object through AngularJS

Question

I have a JSON object, from which I want to get the output like this and console.log into browser.

FROM: Frontier WHSE, TO: ENTEC POLYMERS

JSON object to traverse:

 {
    "loadStops": [{
        "id": 1,
        "type": "FROM",
        "stop": {
            "companyId": 148,
            "companyCode": "FWS",
            "legalName": "Frontier WHSE"
        }
    }, {
        "id": 2,
        "type": "TO",
        "stop": {
            "companyId": 151,
            "companyCode": "ENP",
            "legalName": "ENTEC POLYMERS"
        }
    }]
}

I tried this but didn't work exactly:

var from = "";
var to = "";
var summary = "";

angular.forEach( object, function() {

    if( key == "type" && value == "FROM" ) {
        from +=value;
    }

    if( key == "type" && value == "TO" ) {
        to+=value;
    }

});

summary += from + to;

are you sure that you want an array of objects (with "FROM" and "TO")? you can try to format it if you know the order in which they come in (by index): console.log(`FROM: ${json.loadStops[0].stop.legalName} WHSE, TO: ${json.loadStops[1].stop.legalName}`) — Aleksey Solovey
– Aleksey Solovey, Commented Feb 22, 2018 at 13:32

Sajeetharan · Accepted Answer · 2018-02-22 13:32:33Z

1

DEMO

var app = angular.module('testApp',[])

app.controller('testCtrl',function($scope){
 $scope.data = 
 {
"loadStops": [{
    "id": 1,
    "type": "FROM",
    "stop": {
        "companyId": 148,
        "companyCode": "FWS",
        "legalName": "Frontier WHSE"
    }
}, {
    "id": 2,
    "type": "TO",
    "stop": {
        "companyId": 151,
        "companyCode": "ENP",
        "legalName": "ENTEC POLYMERS"
    }
}]};
var summary = "";
$scope.print = function(){
angular.forEach($scope.data.loadStops,function(key,value){
    if(key.type == "FROM"){
       summary = "FROM :" + key.stop.legalName;
    }
    if(key.type == "TO"){
      summary += " TO :" + key.stop.legalName;
    }
   
});
return summary;
};

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="testApp" ng-controller="testCtrl">
  <h1>{{print()}}</h1>
</div>

answered Feb 22, 2018 at 13:32

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

2 Comments

Aleksey Solovey Over a year ago

I think summary = "FROM ... should have +=

Aleksey Solovey Over a year ago

what? edit your code? (I only mentioned it because if you have more that once case of "FROM" types, you will overwrite summary)

Collectives™ on Stack Overflow

How to iterate array of JSON object through AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related