将对象的属性转换为逗号分隔的列表？

Question

我有一个这样的对象：

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

我想：

John,Smith,253 689 4555

有什么简单的方法吗？

如果可能的话，您能否提供一个我也可以定义分隔符的示例？

Answer 1

您可以在现代浏览器中使用此单线

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

Answer 2

当您想从对象数组中提取一些属性值作为逗号分隔的字符串时，此代码将很有用。

    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(",");

输出- “A,B,C”

Answer 3

这是一个更简单的一个班轮。 它使用Object.values()方法而不是 Object.keys

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

Answer 4

写一个这样的函数：

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

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

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

然后你可以这样称呼它：

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

或者

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

Answer 5

尝试这个：

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( ',' ) );

或功能风格：

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 ) );

Answer 6

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)

输出：A、B、C

Answer 7

您可能想试试这个库 - Underscore.js 。 它为您提供了非常有用的方法，并且可以跨浏览器工作。

在这里你可以这样做 -

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

或者

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

Answer 8

Object.values()方法返回给定对象自己的可枚举属性值的数组。 它可用于将对象属性转换为数组，然后可以使用.join(separator)将其连接起来，以创建所需的字符串，并在连接函数中定义分隔符。 但这也会导致空值被加入。 所以对于一个对象

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

输出为

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

将会

约翰·史密斯，

最后加上一个“，”。 为了避免这种情况，可以使用.filter()从数组中删除空元素，然后在过滤后的数组上使用连接。

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

将输出

约翰·史密斯

Answer 9

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

Answer 10

另一种方法是使用 lodash 函数 _.toString()

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

检查下面的链接https://lodash.com/docs/4.17.5#toString

Answer 11

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



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

使用这个 `` 标记和 $ 美元符号，您将得到结果。

Answer 12

只需使用 object.values() 并使用 toString() 方法

Object.values(person).toString()