Organize and generate a fresh array using AngularJS

Question

Organize and generate a fresh array using AngularJS

I am working with an Array containing objects:

$scope.items1 = [
  [
    {         
      "answer": "BARCELONA",
      "idcustomer": 6,
      "order": 1.1
    },
    {
      "answer": "REAL MADRID",
      "idcustomer": 6,
      "order": 1.4
    },
    {
      "answer": "LYON",
      "idcustomer": 6,
      "order": 1.2
    },
    {
      "answer": "BAYERN",
      "idcustomer": 6,
      "order": 1.3
    }
  ],
  [
    {
      "answer": "BENFICA",
      "idcustomer": 7,
      "order": 1.2
    },
    {
      "answer": "ARSENAL",
      "idcustomer": 7,
      "order": 1.4
    },
    {
      "answer": "CITY",
      "idcustomer": 7,
      "order": 1.1
    },
    {
      "answer": "UNITED",
      "idcustomer": 7,
      "order": 1.3
    }
  ]
];

I have a task to extract specific values from this array and produce a new one.

The desired final result should include: - The first position representing the idcostumer. - Sorting based on the order attribute. - Including only answers with the attribute answer.

$scope.result = [

    [6, "BARCELONA", "LYON", "BAYERN", "REAL MADRID"],
    [7, "CITY", "BENFICA", "UNITED", "ARSENAL"]

];

https://i.sstatic.net/47oVm.png

Any help or advice on achieving this outcome would be greatly appreciated.

javascript angularjs json

Answer 1

Answer №1

It seems like utilizing the reduce method would be beneficial in your situation. reduce enables you to iterate through an array to gather values.

Both structures should function adequately; however, they will impact how you formulate your method to transform the data according to your preferences. Let's focus on the first approach:

$scope.result = $scope.items1.map(function(answerData){
    answerData = answerData.sort(function(a, b) {
        return a.order < b.order ? -1 : 1
    });
    return answerData.reduce(function(result, value) {
        result.push(value.answer);
        return result;
    }, [answerData[0].idcustomer]);
});

Breaking this down, we employ map to iterate over your $scope.items1 array and generate a return for each value within it. Given that $scope.items1 is a 2D array, each answerData will also be an array. Initially, we sort the answerData array by order. Subsequently, we utilize reduce on each of the answerData arrays to produce an array containing only the idcustomer along with each answer field. The callback function for reduce includes two parameters: result and value. For each value, we append its answer field to the result array and then return the updated array.

The process of extracting the idcustomer field from the initial answerData element might seem unconventional, hence the second data structure could potentially offer a more fitting solution. Feel free to explore how to implement that transformation!

UPDATE: After revising your question to include solely the alternative structure, here's the necessary conversion:

$scope.result = $scope.items.map(function(answerData) {
    var sortedDescription = answerData.description.sort(function(a,b) {
        return a.order < b.order ? -1 : 1;
    });
    return sortedDescription.reduce(function(result, value) {
        result.push(value.answer);
        return result;
    }, [answerData.idcustomer]);
});

Answer 2

It seems like utilizing the reduce method would be beneficial in your situation. reduce enables you to iterate through an array to gather values.

Both structures should function adequately; however, they will impact how you formulate your method to transform the data according to your preferences. Let's focus on the first approach:

$scope.result = $scope.items1.map(function(answerData){
    answerData = answerData.sort(function(a, b) {
        return a.order < b.order ? -1 : 1
    });
    return answerData.reduce(function(result, value) {
        result.push(value.answer);
        return result;
    }, [answerData[0].idcustomer]);
});

Breaking this down, we employ map to iterate over your $scope.items1 array and generate a return for each value within it. Given that $scope.items1 is a 2D array, each answerData will also be an array. Initially, we sort the answerData array by order. Subsequently, we utilize reduce on each of the answerData arrays to produce an array containing only the idcustomer along with each answer field. The callback function for reduce includes two parameters: result and value. For each value, we append its answer field to the result array and then return the updated array.

The process of extracting the idcustomer field from the initial answerData element might seem unconventional, hence the second data structure could potentially offer a more fitting solution. Feel free to explore how to implement that transformation!

UPDATE: After revising your question to include solely the alternative structure, here's the necessary conversion:

$scope.result = $scope.items.map(function(answerData) {
    var sortedDescription = answerData.description.sort(function(a,b) {
        return a.order < b.order ? -1 : 1;
    });
    return sortedDescription.reduce(function(result, value) {
        result.push(value.answer);
        return result;
    }, [answerData.idcustomer]);
});

Organize and generate a fresh array using AngularJS

Answer №1

Similar questions

Creating Location-Specific Customer Data using AngularJS similar to Google Analytics

Constructor for Mongoose schema not being detected

Having trouble showing JSON data with Ionic 2 and Xcode?

Designing a framework capable of interpreting Python code and translating it into HTML format

The application appears to be overloaded with tasks on its main thread, potentially causing errors

Exploring Firebase database with AngularJS to iterate through an array of objects

Guide on sending formik initialState to a function as an argument

Spacing the numbers on the D3 Y Axis by intervals of 25

Retrieving user birth dates via the Facebook API

Utilizing the variable's value as a parameter in a jQuery selector

Angular testing does not recognize the variable

Using AngularJS to inject a service into a static property of a standard class

Omit specific TagNames from the selection

Using a single quote in JsonConvert.SerializeObject causes the method to fail

Utilizing AJAX within an Ember.RSVP.Promise

Add AngularJS to an AJAX call when the user clicks on it

Learn the way to extract an array from the appsettings.json file using .Net 6

What is causing express.js not to authenticate properly?

Guide to triggering a method upon initialization of a select box in an Angular application

Troubleshooting error messages in the console during conversion of image URL to Base64 in AngularJS