Карта массив объектов

Question

Пожалуйста, внимательно прочитайте вопрос, это не дубликат:

• Функция стрелки ECMAScript 6, которая возвращает объект
• javascript не может отобразить массив объектов с вложенными значениями
• функция отображения объектов (вместо массивов)
• L oop через массив в JavaScript
• функция карты для объектов (вместо массивов)
• L oop через массив в 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);

Если все ваши ключи имеют буквенное обозначение c и символы подчеркивания, то вам не нужно использовать encodeURIComponent() для клавиши.

Answer 2

Не так чисто, как ответ @nopole, но такого рода достигается то, что вы хотите для ключевого, ценностного объекта.

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

objs.forEach(obj => { 
  // loop over keys-and-values
  for (let [key, value] of Object.entries(obj)) {
    console.log(key, value);
  }
});

Также это работает для объекта с более чем одним ключом:

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

objs.forEach(obj => { 
  // loop over keys-and-values
  for (let [key, value] of Object.entries(obj)) {
    console.log(key, value);
  }
});

Answer 3

var obj = [{ 'key1' : 'value1' }, { 'key2' : 'value2' }];
obj.forEach(el => {
  for (var prop in el) {
    console.log(prop, el[prop])
  }
})

// results: 
// key1 value1
// key2 value2