javascript - 如何获取对象的第一个和最后一个属性？

Question

我正在使用类似于以下内容的对象(尽管该对象有 4 个键/值对，但我的实际对象可以有任意数量):

var myObj = {
  action: 'open',
  card: 'Comment card name',
  id: '54AEF364',
  url: 'www.myurl.com'
};

我正在尝试将键和值添加到单个字符串中，并用“:”和“|”分隔，如下所示:

var myString = 'action:open|card:Comment card name|id:54AEF364|url:www.myurl.com'

我正在尝试使用 for...in 循环来执行此操作:

for (var i in myObj) {
  var myString += i + ':' + myObj[i] + '|';
}

我能够获得我需要的大部分内容，但有 2 个异常(exception):

1. “undefined”出现在第一个属性名称之前
2. 对于最后一个键/值对，不应有“|”在最终值之后，因为这是字符串的结尾

我怎样才能做到这一点？

Answer 1

使用映射和数组连接:

const myObj = {
  action: 'open',
  card: 'Comment card name',
  id: '54AEF364',
  url: 'www.myurl.com'
};

const myObjSerialized = Object.keys(myObj).map(key => `${key}:${myObj[key]}`).join('|');
console.log(myObjSerialized);