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

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
– Anurag Singh Bisht, Commented Oct 12, 2017 at 9:28
@ShivenSinha i want to extract only the field2,field3,field6,field8 from the array_one , something like projection .. — James
– James, Commented Oct 12, 2017 at 9:31

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

2

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

answered Oct 12, 2017 at 9:29

Nina Scholz

388k26 gold badges367 silver badges416 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

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

1

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

answered Oct 12, 2017 at 9:29

Weedoze

14k2 gold badges37 silver badges65 bronze badges

3 Comments

James Over a year ago

hi @Weedoze ithink this is a typeScript syntax for Angular 2 , i'm using Angular js 1.X !

Weedoze Over a year ago

@Ali The code provided in the answer is totally not typescript and can either be used for Angular or AngularJS. This is pure ES6

James Over a year ago

you are right , it works fine thank you so much for your time

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related