Changer le tableau en javascript en objet plus simple

J'ai un JSON simple avec un tableau qui contient d'autres objets, etc. comme ceci:

languagePack:
[
  {
    'key': 'Username',
    'value': 'Benutzername',
    'group': 'default'
  },
  {
    'key': 'Password',
    'value': 'Passwort',
    'group': 'default'
  }
]

Mais ce que je veux vraiment, c'est un objet comme celui-ci:

languagePack: 
{
    'Username': 'Benutzername',
    'Password': 'Passwort'
}

Donc, je veux réduire le tableau à de simples paires clé-valeur qui se trouvent à l'intérieur d'un tableau ou même d'un objet (les clés sont uniques). Quelqu'un a-t-il une idée de la façon de réduire cela avec certaines de ces fonctions de tableau cool? Je n'ai trouvé que quelque chose comme un pour chacun et j'ai construit l'objet "à la main" pour la propriété, mais je me souviens qu'il y avait des choses sympas pour le tableau comme 'réduire', l'opérateur de propagation (...), la carte, tout, certains, etc.

Je l'ai essayé avec quelque chose comme:

var temp = this.languagePack.map(([key, value]) => ({key,value}))
console.log(temp)

Mais cela ne m'a fait qu'un message d'erreur TypeError: Invalid attempt to destructure non-iterable instance

Edit: Les trois réponses fonctionnent parfaitement bien. Merci.

Fondamentalement, vous devez utiliser forEachau lieu de mapfonction, puis vous pouvez créer cet objet à n'importe quelle paire de clés et de valeurs que vous souhaitez conserver.

Essayez ceci, cela résoudra votre problème.

var temp = {};

this.languagePack.forEach(({key,value}) => {
    temp[key] = value
})

console.log(temp)

Remarque: Ici, nous n'utilisons pas mapparce que nous voulons renvoyer un objet et non un tableau, nous pouvons donc utiliser la reducefonction ici pour le faire, mais j'ai pensé que ce serait simple et facile de comprendre ce que nous voulons et ce que nous faisons ici.

Vous pouvez utiliser la reducefonction javascript pour créer un objet vide et y mettre chaque clé et valeur.

const data = [
  {
    'key': 'Username',
    'value': 'Benutzername',
    'group': 'default'
  },
  {
    'key': 'Password',
    'value': 'Passwort',
    'group': 'default'
  }
];

const newData = data.reduce((acc, row) => {
  acc[row.key] = row.value;
  return acc;
}, {});

console.log(newData);

Edit: Belle suggestion de Donny Verduijn . Vous pouvez utiliser la déstructuration es6 pour écrire la fonction plus court.

const newData = data.reduce((acc, { key, value }) => ({ ...acc, [key]: value }), {});

utiliser avec Array#mapson créer la clé et la valeur en tant qu'objet et la Object.assignvaleur de tableau caché à l'objet

const languagePack = [ { 'key': 'Username', 'value': 'Benutzername', 'group': 'default' }, { 'key': 'Password', 'value': 'Passwort', 'group': 'default' } ];

var res = Object.assign({},...languagePack.map(({key,value}) => ({[key]:value})))

console.log(res)

Vous pouvez utiliser ES6 Mappour cette utilisation Object.fromEntriespour convertir maprevenir à Object.

Pour plus d'informations sur la carte

let languagePack=
[{
  'key': 'Username',
  'value': 'Benutzername',
  'group': 'default'
},
{
  'key': 'Password',
  'value': 'Passwort',
  'group': 'default'
}];

let map = new Map();

languagePack.forEach((val)=>{
  map.set(val.key, val.value);
})
languagePack = Object.fromEntries(map);
console.log(languagePack);