Come trasporre un oggetto javascript in un array chiave/valore

Question

Dato un oggetto JavaScript, come posso convertirlo in una matrice di oggetti (ognuno con chiave, valore)?

Esempio:

var data = { firstName: 'John', lastName: 'Doe', email: 'john.doe@gmail.com' } 

risultante come:

[ 
    { key: 'firstName', value: 'John' }, 
    { key: 'lastName', value: 'Doe' }, 
    { key: 'email', value: 'john.doe@gmail.com' } 
] 

Answer 1

Si può solo un'iterazione sulle proprietà dell'oggetto e creare un nuovo oggetto per ciascuno di essi.

var data = { firstName: 'John', lastName: 'Doe', email: 'john.doe@gmail.com' }; 
var result = []; 

for(var key in data) 
{ 
    if(data.hasOwnProperty(key)) 
    { 
     result.push({ 
      key: key, 
      value: data[key] 
     }); 
    } 
} 

Answer 2

var result = []; 
for(var k in data) result.push({key:k,value:data[k]}); 

Answer 3

Utilizzando map funzione

var data = { firstName: 'John', lastName: 'Doe', email: 'john.doe@gmail.com' }; 
 

 
var result = Object.keys(data).map(key => ({ key, value: data[key] })); 
 

 
console.log(result); 
 

Answer 4

La risposta precedente mi portano a pensare che ci sia un modo migliore ...

Object.keys(data).map(function(key) { 
    return { key, value: data[key] }; 
}); 

o in ES6 utilizzando freccia funzioni:

Object.keys(data).map((key) => { key, value: data[key] }); 

Answer 5

Basta rendere la vostra vita più facile e utilizzare ES6 sintassi con una mappa

var output = Object.keys(data).map(key => { 
     return { 
     key: key, 
     value: data[key] 
     }; 
    }) 

Answer 6

Altrimenti seleziona selvaggia e rendere le chiavi key e value personalizzabile:

module.exports = function objectToKeyValueArray(obj, keyName = 'key', valueName = 'value') { 
    return Object 
     .keys(obj) 
     .filter(key => Object.hasOwnProperty.call(obj, key)) 
     .map(key => { 
      const keyValue = {}; 
      keyValue[keyName] = key; 
      keyValue[valueName] = obj[key]; 

      return keyValue; 
     }); 
};