ecmascript 6 - Fetch multiple properties from an array of objects and form a new one : Javascript - Stack Overflow

admin管理员组

文章数量:1416642

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)

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?

• javascript
• ecmascript-6

Share Improve this question Follow edited Jul 16, 2019 at 12:49 mplungjan 179k2828 gold badges182182 silver badges240240 bronze badges asked Jul 16, 2019 at 12:40 joy08joy08 9,66299 gold badges4242 silver badges8181 bronze badges 1

• 1 Curious as to what you mean by "easier way" - what's easier than mapping over each item and returning the object with properties you need? "has to be written in multiple lines" Do you really need a one-liner for this? – chazsolo Commented Jul 16, 2019 at 12:43

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

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

Using map seems like a good approach, but you would return a new object and not just one property:

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

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

本文标签： ecmascript 6Fetch multiple properties from an array of objects and form a new oneJavascriptStack Overflow