Changer le nom de la clé dans un tableau d'objets ?

Question

Comment puis-je changer le nom de la clé dans un tableau d'objets ?

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

Comment puis-je changer chaque key1 en stroke pour obtenir :

 var arrayObj = [{stroke:'value1', key2:'value2'},{stroke:'value1', key2:'value2'}];

Answer 1

var i;
for(i = 0; i < arrayObj.length; i++){
    arrayObj[i].stroke = arrayObj[i]['key1'];
    delete arrayObj[i].key1;
}

Answer 2

Méthode ES6 map() :

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

arrayObj = arrayObj.map(item => {
      return {
        stroke: item.key1,
        key2: item.key2
      };
    });

Answer 3

Vous ne pouvez pas modifier le nom d'une propriété, vous devez ajouter la valeur avec un nouveau nom et supprimer l'ancienne propriété :

 for (var i = 0; i < arrayObj.length; i++) {
  arrayObj[i].stroke = arrayObj[i].key1;
  delete arrayObj[i].key1;
}

Answer 4

une seule ligne de code nécessaire avec ES6

essayez le code suivant :

 arrayObj.map(({ stroke, key2 }) => ({ yourNewKey: stroke, yourNewKey2: key2 }));