Карта в Obejct Javascript конвертировать в REACTJS

Question

Я хочу преобразовать следующую Карту в Объект в REACTJS Как я могу достичь этого

[
      {
        "lastName": "Last name should have atleast 1 characters "
      },
      {
        "role": "may not be null"
      },
      {
        "name": "Name should have atleast 1 characters "
      }
    ]

конвертировать в

{
  "lastName": "Last name should have atleast 1 characters ",
  "role": "may not be null",
  "name": "Name should have atleast 1 characters "
}

Answer 1

Вам нужно уменьшить массив, чтобы изменить его форму на нужный объект

const a = [
  {
    "lastName": "Last name should have atleast 1 characters "
  },
  {
    "role": "may not be null"
  },
  {
    "name": "Name should have atleast 1 characters "
  }
];

const b = a.reduce((acc, item) => {
  const key = Object.keys(item)[0];
  return {
    ...acc,
    [key]: item[key],
  };
}, []);

console.log(b);

Answer 2

Вы можете использовать вложенное уменьшение, но ключи ранее в массиве будут перезаписаны более поздними, если ключ в массиве не уникален:

console.log(
  [
    {
      lastName:
        'Last name should have atleast 1 characters ',
    },
    {
      role: 'may not be null',
    },
    {
      name: 'Name should have atleast 1 characters ',
    },
  ].reduce((mainResult, item) =>
    Object.entries(item).reduce(
      (result, [key, value]) => (
        (result[key] = value), result
      ),
      mainResult,
    ),
    {}
  ),
);

Видя ваш ответ (вы должны комментировать, а не добавлять ответ), похоже, что ваш массив представляет собой массив строк JSON, попробуйте следующее:

console.log(
  //array of json strings
  [
    '{"lastName":"Last name should have atleast 1 characters "}',
    '{"role":"may not be null"}',
    '{"name":"Name should have atleast 1 characters "}',
  ]
    .map((item) => JSON.parse(item))
    .reduce((mainResult, item) =>
      Object.entries(item).reduce(
        (result, [key, value]) => (
          (result[key] = value), result
        ),
        mainResult,
      ),
      {}
    ),
);

Answer 3

Array.prototype.reduce () можно использовать для создания объектов из массивов.

См. Практический пример ниже.

// Input.
const input = [{lastName: 'Last name should have atleast 1 characters'}, {role: 'may not be null'}, {name: 'Name should have atleast 1 characters '}]

// Convert Array To Object.
const convertArrayToObject = array => array.reduce((acc, x) => {
  for (const key in x) acc[key] = x[key]
  return acc
}, {})

// Output + Proof.
const output = convertArrayToObject(input)
console.log(output)