javascript - 映射对象数组

Question

请仔细阅读问题，这不是重复的问题:

• ECMAScript 6 arrow function that returns an object
• javascript cannot map array of objects with nested values
• map function for objects (instead of arrays)
• Loop through an array in JavaScript
• map function for objects (instead of arrays)
• Loop through an array in JavaScript

  ---

让我们考虑以下对象数组:

var obj = [{ 'key1' : 'value1' }, { 'key2' : 'value2' }];

我想映射数组以获取每个对象的键和值。像这样的东西:

obj.map((key, val) => console.log(key, val));

我已经尝试了很多类似 Object.entries(obj) 的东西但它总是会导致复杂的解决方案，其中包含许多括号，例如 Object.entries(obj)[0][1]

是否有一种简单、美观且高效的方法来映射对象数组？注意我需要每个对象的键和值

Answer 1

您似乎只想打印出来或访问它们:

.map 将一个数组更改为另一个数组，这看起来不像您正在寻找的内容。

var objs = [{ 'key1' : 'value1' }, { 'key2' : 'value2' }];

objs.forEach(obj => { 
  for (let p in obj) console.log(p, obj[p]); 
});

如果您正在寻找 key1=value1&key2=value2 作为答案，并且您知道每个对象中只有 1 个键和值，那么它是:

let objs = [{ 'key1' : 'value1' }, { 'key2' : 'value2' }];

let s = objs.map(obj => `${Object.keys(obj)[0]}=${Object.values(obj)[0]}`).join("&");

console.log(s);

但是您可能想使用 encodeURIComponent() 对参数进行编码，使其:

let objs = [{ 'key1' : 'value1 hello' }, { 'key2' : 'value2 & 3' }];

let s = objs.map(obj => `${encodeURIComponent(Object.keys(obj)[0])}=${(encodeURIComponent(Object.values(obj)[0]))}`).join("&");

console.log(s);

如果您的键都是字母数字和下划线字符，那么您不需要在键上使用 encodeURIComponent()。