How can i convert a comma seperated string to json object type using angular

Question

As a beginner in angular js, I am struck to convert the comma separated string from MySQL db to json object of bellow type input :

excellent,very_good,good,poor

output:

 Object {excellent: "excellent", very_good: "very_good", good: "good",poor: "poor" }

I tried with

 var data='excellent,very_good,good,poor';
 if(data!=null){
    data= data.split(',').reduce((res,x)=>{
      res[x] = x;
      return res
    },{});
}
console.log(data);

It works but the problem is it doesn't support in Safari.

are you seeing any error in safari?

brk
– brk

2016-05-17 04:16:41 +00:00
Commented May 17, 2016 at 4:16 — brk
– brk, Commented May 17, 2016 at 4:16

Pranav C Balan · Accepted Answer · 2016-05-17 04:08:44Z

1

It may be due to compatibility issue of reduce() so use simple for loop instead

var data = 'excellent,very_good,good,poor';

var strArr = data != null ? data.split(',') : [],
  res = {};

for (var i = 0; i < strArr.length; i++)
  res[strArr[i]] = strArr[i];

document.write('<pre>' + JSON.stringify(res, 0, 3) + '</pre>');

Or check reduce polyfill option for old browser.

edited May 17, 2016 at 4:08

answered May 17, 2016 at 3:56

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

1 Comment

Pranav C Balan Over a year ago

@VishnuSBabu : glad to help you

Yordan Ivanov · Accepted Answer · 2016-05-17 04:04:48Z

0

Here is a sample code, that should do the job:

var data = 'excellent,very_good,good,poor';
var item = '';
var result = {};

if(data !== null) {
  data = data.split(',');
  
  for(var i = 0; i < data.length; i++) {
    item = data[i].trim();
    
    result[item] = item;
  }
}

console.log(result);

answered May 17, 2016 at 4:04

Yordan Ivanov

5824 silver badges11 bronze badges

Comments

Mario Valentin Ochoa Mota · Accepted Answer · 2016-05-17 05:09:14Z

0

You might as well do it

var data = "excellent,very_good,good,poor".split(','),
    res = {};
angular.forEach(data, function(value, key){
   res[value] = value;
});
console.log(res);

I hope to be of assistance.

answered May 17, 2016 at 5:09

Mario Valentin Ochoa Mota

4644 silver badges10 bronze badges

Comments

Kara · Accepted Answer · 2016-06-13 19:35:15Z

0

var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
  var data = 'excellent,very_good,good,poor';
  var jsonfied = {
    dataObj: data.replace(/,$/, "").split(",").map(function(name) {
      return {
        name: name
      };
    })
  };
  $scope.master = jsonfied;
});

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body>
  <div ng-app="myApp" ng-controller="formCtrl">
    Maser :- {{master}}
    <br/>
    <br/>
  </div>
</body>

</html>

edited Jun 13, 2016 at 19:35

Kara

6,23616 gold badges54 silver badges58 bronze badges

answered May 17, 2016 at 4:24

sasikaran

1625 bronze badges

Collectives™ on Stack Overflow

How can i convert a comma seperated string to json object type using angular

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related