Concatenate object property values

Question

I have a JavaScript object. I would like to concatenate all its property values, say:

tagsArray["1"] = "one";
tagsArray["2"] = "two";
tagsArray["Z"] = "zed";

result = "one,two,zed"

Just for background, I have several checkboxes, and I need to update a hidden selectedKeys field. Example of server side (Asp.Net) code + AngularJS

<input hidden id="selectedKeys" value="1,5,8">

@foreach (var tag in tagsDictionary) {
    <input type="checkbox" 
        ng-model="tagsArray['@tag.Key']" 
        ng-true-value  ="'@tag.Key'" 
        ng-false-value ="" 
        ng-change="change(tagsArray)" />@tag.Value
}

so on each change I need to update the #selectedKeys value

Answer 1

You can try this way also,

var tagsArray = {};
var result;
tagsArray["1"] = "one";
tagsArray["2"] = "two";
tagsArray["Z"] = "zed";

result = Object.keys(tagsArray).map(function(k){return tagsArray[k]}).join(",");
alert(result);

Answer 2

One possible approach:

var tagsArray = {};
tagsArray["1"] = "one";
tagsArray["2"] = "two";
tagsArray["Z"] = "zed";

var result = Object.values(tagsArray).join(",");
console.log(result); // "one,two,zed"

---

More on Array.prototype.join and Object.values.