Turn properties of object into a comma-separated list?

Question

I have an object like this:

var person = {
  name: "John",
  surname: "Smith",
  phone: "253 689 4555"
}

I want:

John,Smith,253 689 4555

Is there some easy way?

If possible, could you please provide an example where I can also define the separator?

As a reference, this is in essence just [getting the object values as an array](https://stackoverflow.com/q/7306669/1218980) and joining them with `join`. — Emile Bergeron, Nov 28 '17 at 16:58

score 87 · Accepted Answer · answered Nov 04 '14 at 10:06

87

You can use this one-liner in modern browsers

Object.keys(person).map(function(k){return person[k]}).join(",");

answered Nov 04 '14 at 10:06

Joschi

2,874
1
18
23

Yes, until you include polyfills for Object.keys and Array.map :/ – Joschi Nov 04 '14 at 12:21
Can I be sure with list order? – areim Jun 15 '15 at 10:35
3

Sweet, thanks a bunch! Just a tip, great answers explain why and provide documentation links :) Anyway, ++1 – brasofilo Dec 06 '15 at 04:10
11

This is rather old now, but what about just doing: Object.values(person).join(',') – dibbledeedoo Jan 11 '19 at 20:13
How do we maintain the order of value? – Akash Apr 26 '21 at 12:55

score 26 · Answer 2 · answered Oct 12 '18 at 05:37

26

This code will be useful when you want to extract some property values from an array of objects as comma separated string.

    var arrayObjects = [
  {
    property1: "A",
    property2: "1"
  },
  {
    property1: "B",
    property2: "2"
  },
  {
    property1: "C",
    property2: "3"
  }
];

Array.prototype.map.call(arrayObjects, function(item) { return item.property1; }).join(",");

Output - "A,B,C"

answered Oct 12 '18 at 05:37

Sachin Gaur

679
7
6

1

Dear Sachin Can you please explain this lines of code Array.prototype.map.call(arrayObjects, function(item) { return item.property1; }).join(","); – Deep Adhia Jan 10 '19 at 11:34
1

just have a look at this https://www.freecodecamp.org/forum/t/explain-array-prototype-map-call/165936 - @DEEPADHIYA – Sachin Gaur Mar 07 '19 at 08:38
@Sachin Gaur What just I exactly want Thank's lot. – Hardik Desai Dec 14 '20 at 10:38
2

I am unfamiliar with Javascript, but `arrayObjects.map(x => x.property1).join(",")` seems to return the same result. – DavidS Nov 25 '21 at 23:22
@DavidS ah yes, this makes sense. Good catch. Was overcomplicating it in my head. – callmejed Apr 13 '22 at 03:50

score 15 · Answer 3 · answered Feb 21 '18 at 16:18

15

Here is a simpler one liner. It uses the Object.values() method instead of Object.keys

Object.values(obj).join(",");

answered Feb 21 '18 at 16:18

Jack Fairfield

1,876
22
25

++ for one-liner – Asraful Oct 06 '20 at 17:13

score 7 · Answer 4 · answered Nov 04 '14 at 09:54

try this:

var key,
  person = {
    name: "John",
    surname: "Smith",
    phone: "253 689 4555"
  },
  array = [];

for ( key in person ) {
  if ( person.hasOwnProperty( key ) ) {
    array.push( person[ key ] );
  }
}

console.log( array.join( ',' ) );

or in function style:

var
  getValues = function ( obj ) {
    var key,
      array = [];

    for ( key in obj ) {
      if ( obj .hasOwnProperty( key ) ) {
        array.push( obj [ key ] );
      }
    }

    return obj.join( ',' );
  };

var person = {
      name: "John",
      surname: "Smith",
      phone: "253 689 4555"
    };

console.log( getValues( person ) );

score 7 · Answer 5 · edited Nov 10 '17 at 06:39

7

Write a function like this:

function toCSV(obj, separator) {
    var arr = [];

    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            arr.push(obj[key]);
        }
    }

    return arr.join(separator || ",");
}

And then you can call it like:

toCSV(person, "|"); // returns "John|Smith|253 689 4555"

or

toCSV(person); // returns "John,Smith,253 689 4555"

edited Nov 10 '17 at 06:39

Vikas Gupta

1,183
1
10
25

answered Nov 04 '14 at 09:58

Kenny Ki

3,400
1
25
30

score 7 · Answer 6 · answered Dec 14 '20 at 10:58

7

var arr = [
    {
        key_1: "A",
        key_2: "1"
    },
    {
        key_1: "B",
        key_2: "2"
    },
    {
        key_1: "C",
        key_2: "3"
    }
];

var CSVOf_arr = arr.map((item) => { return item.key_1 }).join(',')

console.log('Comma seprated values of arr', CSVOf_arr)

OUTPUT: A,B,C

answered Dec 14 '20 at 10:58

Hardik Desai

1,089
12
20

1

Even though this isn't quite what the OP wanted, it's exactly what I was looking for. Thank you! – jbobbins Mar 03 '21 at 20:59
@jbobbins Welcome ✌️ ;) – Hardik Desai Mar 16 '21 at 08:44

score 2 · Answer 7 · answered Nov 04 '14 at 10:14

2

You might want to try this library - Underscore.js. It gives you really helpful methods and works across browsers.

Here you can do it like this -

_.values(person).join(",")

or

_.values(person).join("|")

answered Nov 04 '14 at 10:14

vatsal

3,803
2
19
19

score 2 · Answer 8 · answered Sep 21 '20 at 15:19

The Object.values() method returns an array of a given object's own enumerable property values. It can be used to convert object properties to an array which can then be joined using .join(separator) to create the required string with separator defined in join function. But this will cause empty values to be joined as well. So for an object as

var person = {
  name: "John",
  surname: "Smith",
  phone: ""
}

output for

Object.values(person).join(',')

will be

John,Smith,

with an additional "," at the end. To avoid this .filter() can be used to remove empty elements from array and then use join on filtered array.

Object.values(person).filter(Boolean).join(',')

will output

John,Smith

score 0 · Answer 9 · answered Nov 10 '17 at 08:09

0

Object.values(person).join('/')

answered Nov 10 '17 at 08:09

J.Du

271
3
4

Note that this is ECMAScript 2017 and is not well supported yet. – Emile Bergeron Nov 28 '17 at 16:53

score 0 · Answer 10 · answered Mar 22 '18 at 09:05

0

Another way is to use lodash function _.toString()

console.log( _.toString( Object.values( person ) ) );
==> John,Smith,253 689 4555

Check the link below https://lodash.com/docs/4.17.5#toString

answered Mar 22 '18 at 09:05

Velen Aranha

1
1
3

score 0 · Answer 11 · edited Oct 05 '21 at 04:08

0

var person = {
    name: "John",
    surname: "Smith",
    phone: "253 689 4555"
 }



let personData = ${person.name},${person.surname},${person.phone}

With this `` mark and $ dollar sign you will get the result.

edited Oct 05 '21 at 04:08

Abdur Rahman

1,420
1
21
32

answered Oct 04 '21 at 08:44

Joseph Freeman

7
2

1

Please add some explanation. Not just code – Aminadav Glickshtein Oct 04 '21 at 09:10

score 0 · Answer 12 · answered Jun 13 '22 at 07:54

0

Just use object.values() and use toString() method

Object.values(person).toString()

answered Jun 13 '22 at 07:54

Sai Jeevan Balla

135
3
10

Turn properties of object into a comma-separated list?

12 Answers12

Linked