How to create array of JSON object from another array using Angular js

Name: javascript - How to create array of JSON object from another array using Angular js - Stack Overflow
Rating: 4.9 (1977 reviews)

Question

hello everyone i have the following issue, i have an array of JSON object like this :

$scope.array_one=[ { "field1": "value 1", "field2": "value 2", "field3": "value 3", "field4": "value 4", "field5": "value 5", "field6": "value 6", "field7": "value 7", "field8": "value 8" }, { "field1": "value 1", "field2": "value 2", "field3": "value 3", "field4": "value 4", "field5": "value 5", "field6": "value 6", "field7": "value 7", "field8": "value 8" } ... ]

i want to create an new array (from the $scope.array_one) that contains only objects with 3 fields

something like this :

[ { "field2": "value 2", "field3": "value 3", "field6": "value 6", "field8": "value 8" }, { "field2": "value 2", "field3": "value 3", "field6": "value 6", "field8": "value 8" } ... ]

anyone can guide me on how to achieve this, i 'm using Angular js.

Regards !

Have you tried anything yourself ? Try using Array.filter to achieve this. I think it should be sufficient. — Anurag Singh Bisht, CommentedOct 12, 2017 at 9:28
@ShivenSinha i want to extract only the field2,field3,field6,field8 from the array_one , something like projection .. — James, CommentedOct 12, 2017 at 9:31

Nina Scholz · Accepted Answer · 2017-10-12 09:29:24Z

You could map the wanted parts with a destruction.

var $scope = { array_one: [{ field1: "value 1", field2: "value 2", field3: "value 3", field4: "value 4", field5: "value 5", field6: "value 6", field7: "value 7", field8: "value 8" }, { field1: "value 1", field2: "value 2", field3: "value 3", field4: "value 4", field5: "value 5", field6: "value 6", field7: "value 7", field8: "value 8" }] }, result = $scope.array_one.map( ({ field2, field3, field6, field8 }) => ({ field2, field3, field6, field8 }) ); console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Weedoze · Accepted Answer · 2017-10-12 09:29:17Z

Using Array#Map() to create a new array by returning a new object

let array_one = [ { "field1": "value 1", "field2": "value 2", "field3": "value 3", "field4": "value 4", "field5": "value 5", "field6": "value 6", "field7": "value 7", "field8": "value 8" }, { "field1": "value 1", "field2": "value 2", "field3": "value 3", "field4": "value 4", "field5": "value 5", "field6": "value 6", "field7": "value 7", "field8": "value 8" } ]; let newArray = array_one.map(f => ({ field2 : f.field1, field3 : f.field3, field6 : f.field6, field8 : f.field8, })); console.log(newArray);

hi @Weedoze ithink this is a typeScript syntax for Angular 2 , i'm using Angular js 1.X ! — James, CommentedOct 12, 2017 at 9:37
@Ali The code provided in the answer is totally not typescript and can either be used for Angular or AngularJS. This is pure ES6 — Weedoze, CommentedOct 12, 2017 at 9:45
you are right , it works fine thank you so much for your time — James, CommentedOct 12, 2017 at 10:00

Collectives™ on Stack Overflow

How to create array of JSON object from another array using Angular js

2 Answers 2

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Related