Cách chuyển đối tượng javascript vào mảng khóa/giá trị

Question

Cho đối tượng JavaScript, làm thế nào tôi có thể chuyển đổi nó thành một mảng đối tượng (mỗi đối tượng có khóa, giá trị)?

Ví dụ:

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

kết quả như:

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

Answer 1

Bạn chỉ có thể lặp qua các thuộc tính của đối tượng và tạo ra một đối tượng mới cho mỗi người trong số họ.

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

Sử dụng chức năng map

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

Câu trả lời trước đó dẫn tôi nghĩ rằng đó là một cách tốt hơn ...

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

hoặc trong ES6 sử dụng mũi tên chức năng:

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

Answer 5

Chỉ cần làm cho cuộc sống của bạn dễ dàng hơn và sử dụng cú pháp es6 với một bản đồ

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

Answer 6

Hoặc đi hoang dã và làm cho các phím key và value tùy biến:

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; 
     }); 
};