angularjs - javascript - Convert object values from array to string

Question

I'm facing some problems with objects, json and etc in js. If some one can help me with something, it would be amazing! :)

I have an object, that I can't change, like this:

{
  "page": [
    "POST",
    "DELETE"
  ],
  "news": [
    "PUT"
  ]
}

I want to convert to be like this:

{
  "page": "POST, DELETE",
  "news": "PUT"
}

So I want the object values (arrays) to be string, I also tried toString(), String(), JSON.stringify, and other approaches from the internet, (maybe I had not done it right) but none worked for me, I'm kind of new on dealing with these type of data, so if some one can help me, TKS!! :D

EDIT:

And in the case I got this structure:

{
  "page": {
    "POST": [
      "POST"
    ],
    "PUT": 122
  },
  "news": {
    "PUT": [
      "PUT"
    ]
  }
}

How can I convert to be like:

{
  "page": "POST, PUT:122",
  "news": "PUT"
}

you've said an object, that I can't change, because the initial object should remain immutable ? — RomanPerekhrest
– RomanPerekhrest, Commented Jul 25, 2016 at 20:52

RomanPerekhrest · Accepted Answer · 2016-07-27 04:39:30Z

0

If you want to modify the initial object - it would be enough to use Object.keys and Array.forEach functions:

var obj = {
  "page": [
    "POST",
    "DELETE"
  ],
  "news": [
    "PUT"
  ]
};

Object.keys(obj).forEach(function(k) {
  obj[k] = obj[k].join(",");
});

console.log(JSON.stringify(obj, 0, 4));

Additional solution for another complex case:

var obj = {
  "page": {
    "POST": [
      "POST"
    ],
    "PUT": 122
  },
  "news": {
    "PUT": [
      "PUT"
    ]
  }
};

Object.keys(obj).forEach(function (k) {
  var innerKeys = Object.keys(obj[k]), items = [];
  innerKeys.forEach(function(key) {
    items.push((Array.isArray(obj[k][key]))? key : key + ":" + obj[k][key]);
  });
  obj[k] = items.join(",");
});

console.log(JSON.stringify(obj, 0, 4));

edited Jul 27, 2016 at 4:39

answered Jul 25, 2016 at 20:58

RomanPerekhrest

93.1k4 gold badges75 silver badges112 bronze badges

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

6 Comments

Lucas Santos Over a year ago

Tks RomanPerekhrest, yours and @epascarello answers are the best ones. Actually, I can change the inicial structure at the save moment.

Lucas Santos Over a year ago

I made an edit @RomanPerekhrest, if u can help me with this second case it would be nice. Tks in advance! :)

Lucas Santos Over a year ago

Thank you so much @RomanPerekhrest, amazing implementation! I learned too much here. Tks

Lucas Santos Over a year ago

Hi @RomanPerekhrest, I'm studying here and i'm trying to do a reverse case on the complex one, trying to get the same structure back, with no success, if you can and if you have a time could help me? Thanks.

RomanPerekhrest Over a year ago

@LucasSantos, it's a good opportunity to create a new question with new problem description. After you created it, let me know

|

Hector Barbossa · Accepted Answer · 2016-07-25 20:47:05Z

0

With a assumption that your object will always have arrays as property values, you can do this using javascript like below

 var obj = {
     "page": [
         "POST",
         "DELETE"
     ],
     "news": [
         "PUT"
     ]
 };


 for (var o in obj) {
     if (obj.hasOwnProperty(o)) {
         obj[o] = obj[o].join(", ");
     }
 }

 console.log(obj);

answered Jul 25, 2016 at 20:47

Hector Barbossa

5,53813 gold badges51 silver badges70 bronze badges

1 Comment

Lucas Santos Over a year ago

This works, but I think the Object.keys approach is better. Tks anyway @HectorBarbossa

LBBO · Accepted Answer · 2016-07-25 20:48:13Z

0

Ok, so you can add all values of an array up (concatenate them) to a string by using var str = array.join(stringThatIsSupposedToBeInbetweenTheValues);. So in your case that would be array.join(', ');. Note that this string is only put inbetween the single values, not around them (at the beginning or the end of the result). More info here.

I hope that helps!

answered Jul 25, 2016 at 20:48

LBBO

851 silver badge9 bronze badges

Comments

epascarello · Accepted Answer · 2016-07-25 20:50:22Z

0

Plenty of ways to do it. Just need to loop over the object and set the array to a string.

var obj = {
  "page": [
    "POST",
    "DELETE"
  ],
  "news": [
    "PUT"
  ]
};

Object.keys(obj).reduce( function (o, key) {  
    o[key] = o[key].join(", ");
    return o;
}, obj);

console.log(obj);

Probably would make sense to use forEach, but reduce works.

answered Jul 25, 2016 at 20:50

epascarello

208k20 gold badges206 silver badges246 bronze badges

1 Comment

Lucas Santos Over a year ago

Tks epascarello, yours and @RomanPerekhrest answers are the best ones. I opt for the forEach approach.

Redu · Accepted Answer · 2016-07-25 20:53:18Z

0

You may do like this;

var o = {
  "page": [
    "POST",
    "DELETE"
  ],
  "news": [
    "PUT"
  ]
},
    p = Object.keys(o).reduce((p,k) => (p[k] = o[k]+"",p),{});
console.log(p);

answered Jul 25, 2016 at 20:53

Redu

26.3k6 gold badges61 silver badges84 bronze badges

3 Comments

Lucas Santos Over a year ago

Thats looks great, but I got an error on Webstorm and JSHint testing this code. But looks just like @epascarello answer.

LBBO Over a year ago

@LucasSantos That would probably be because you have ES6 disabled and that fat arrow function (p,k) => (p[k] = o[k]+"",p),{}) doesn't work before ES6. See MDN. To enable ES6 in WebStorm open Setting --> Lanuages & Frameworks --> JavaScript and choose ECMAScript 6 instead of 5.1

Lucas Santos Over a year ago

Nice @LBBO it's active now, I'm studying the ES6, got a book yesterday. :D

Collectives™ on Stack Overflow

angularjs - javascript - Convert object values from array to string

EDIT:

5 Answers 5

6 Comments

1 Comment

Comments

1 Comment

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

EDIT:

5 Answers 5

6 Comments

1 Comment

Comments

1 Comment

3 Comments

Linked

Related