Fetch multiple properties from an array of objects and form a new one : Javascript

Question

Been trying to do the following thing:

I have an array of objects ,

var arr = [
  { key: "aabFaa", text: "aabFaa" ,field: "firstName",checked: true},
  { key: "aAaaaa", text: "aAaaaa", field: "firstName", checked: true },
];

Would want to fetch the "text" and "field" out of it and form a new array of objects something like this:

result = [ { "field" : "firstName" , value : "aabFaa" , type :"add"}, 
           { "field" : "firstName" , value : "aAaaaa" , type: "add"}
         ]  

Here type is hard coded one, where as rest are fetched from the "arr"

Whats the easier way to do this?

Have tried this:

 var arr = [ { key: "aabFaa", text: "aabFaa" ,field: "firstName",checked: true}, { key: "aAaaaa", text: "aAaaaa", field: "firstName", checked: true }, ]; let result = arr.map(a => a.text); console.log(result) 

But this has to be written in multiple lines to get desired properties.Is there an easier approach?

Answer 1

use map with Object Destructuring .

 var arr = [ { key: "aabFaa", text: "aabFaa" ,field: "firstName",checked: true}, { key: "aAaaaa", text: "aAaaaa", field: "firstName", checked: true }, ]; const output = arr.map(({field, text}) => ({field, value: text, type: "add"})); console.log(output); 

Answer 2

使用map似乎是一种好方法，但是您将返回一个新对象，而不仅仅是一个属性：

let result = arr.map(a => ({value: a.text, type: 'add', field: a.field}));

Answer 3

let result = arr.map(obj => ({
    field: obj.field,
    value: obj.text,
    type: "add"
}));