Build custom output in for loop over object

Question

I have a json object, but want to format the output into a variable.

var json =  [
   {
      "link-params": {
         "location_id": 1
      },
      "link-text": "United States"
   },
   {
      "link-params": {
         "location_id": 9
      },
      "link-text": "Florida"
   }
]

 for(var i = 0; i < json.length; i++) {
   var data = json[i]['link-text'];
 }

//output United States / Florida

I want the output like United States / Florida

Any idea how you do this in javascript? I am using angular.js

access JSON object with json["link-text"] and concatenate them. — Riken Shah
– Riken Shah, Commented May 19, 2016 at 5:55

Ashwin Aggarwal · Accepted Answer · 2016-05-19 07:18:15Z

1

please try this

data='';
for(var i = 0; i < json.length; i++) {
   var str1 =  json[i]['link-text'];
   if(i !== json.length - 1) str1 += ' / ';
   data = data.concat(str1)
 }

edited May 19, 2016 at 7:18

Ashwin Aggarwal

6679 silver badges21 bronze badges

answered May 19, 2016 at 5:56

Nikhil Vaghela

2221 silver badge14 bronze badges

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

1 Comment

Ashwin Aggarwal Over a year ago

The desired output is United States / Florida, while the above code output will be United States/Florida/

Hadi · Accepted Answer · 2016-05-19 06:17:34Z

0

try this

var myApp = angular.module('myApp',[]);

function DetailCtrl($scope) {
  $scope.json =  [
   {
      "link-params": {
         "location_id": 1
      },
      "link-text": "United States"
   },
   {
      "link-params": {
         "location_id": 9
      },
      "link-text": "Florida"
   }
];
  var data = [];
  var item = "";
  angular.forEach($scope.json,function(value,key){
         angular.forEach(value,function(v,k){
             if(k == "link-text")
               item = item +v+"/";
           });
            
      });
  data.push(item);
 console.log(data);
}

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

answered May 19, 2016 at 6:17

Hadi

17.3k4 gold badges41 silver badges63 bronze badges

1 Comment

limit Over a year ago

How would I access this in the view? {{item}} Basically I am using Ionic Framework trying to get the <ion-view view-title="{{var}}"> to update dynamically.

Ashwin Aggarwal · Accepted Answer · 2016-05-19 06:59:54Z

0

You can use Array.prototype.reduce, and write code in more functional way as below,

json.reduce(function(html, link){
    return html + (link['link-text'] ? link['link-text'] + ( json.indexOf(link) != json.length - 1 ?  ' / ' : '') : '');
}, '');

Demo : JSFiddle

answered May 19, 2016 at 6:59

Ashwin Aggarwal

6679 silver badges21 bronze badges

Comments

Ashwin Aggarwal · Accepted Answer · 2016-05-19 07:55:05Z

0

You should declare data earlier to make it visible to all of the iterations of the json object, and then concatenate values to it rather than overwriting it every time.

 var data = '';
 for(var i = 0; i < json.length; i++) {
   data += json[i]['link-text'];
   if(i !== json.length - 1) data += ' / ';  
 }

edited May 19, 2016 at 7:55

Ashwin Aggarwal

6679 silver badges21 bronze badges

answered May 19, 2016 at 6:01

Ahmad

12.8k7 gold badges53 silver badges98 bronze badges

Collectives™ on Stack Overflow

Build custom output in for loop over object

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related