Performing additions on two-dimensional arrays using Angular/JavaScript

Question

Performing additions on two-dimensional arrays using Angular/JavaScript

Currently, I am in the process of learning basic JavaScript and could use some assistance. My task involves working with two-dimensional arrays where the 0th index will always represent a date and the 1st index will always be an integer in the array. My goal is to create a new array consisting of unique objects with types A and B by summing up the values at the 1st index of each two-dimensional array. See the example code below:

 $scope.mainArray = [{
    type: 'A',
    values: [
      [111111, 12],
      [111111, 12],
      [111111, 11],
      [111111, 2],
    ]
  }, {
    type: 'B',
    values: [
      [111111, 12],
      [111111, 12],
      [111111, 11],
      [111111, 2],
    ]
  }, {
    type: 'A',
    values: [
      [111111, 12],
      [111111, 12],
      [111111, 11],
      [111111, 2],
    ]
  }, {
    type: 'B',
    values: [
      [111111, 12],
      [111111, 12],
      [111111, 11],
      [111111, 2],
    ]
  }, ];

Should convert to

  $scope.newArray = [{
    type:'A',
    values:[
      [11111,24],
      [11111,24],
      [11111,22],
      [11111,4],
      ]
  },{
    type:'B',
    values:[
      [11111,24],
      [11111,24],
      [11111,22],
      [11111,4],
      ]
  }];

Here is the Plunker link for reference.

I would greatly appreciate any assistance provided. Thank you!

javascript angularjs

Answer 1

Answer №1

After reviewing the updated snippet, I have provided a sample implementation using map, filter, and reduce to achieve the desired output.

  $scope.typeAArray = $scope.mainArray.filter(function (item) {
    return item.category === 'A';
  }).reduce(function (accumulator, current) {
    var newObject = {
      category: accumulator.category,
      values: []
    };
    
    accumulator.values.map(function (val, index) {
      newObject.values.push(val);
      newObject.values[index][1] += current.values[index][1];
    });
    
    return newObject;
  });

Answer 2

After reviewing the updated snippet, I have provided a sample implementation using map, filter, and reduce to achieve the desired output.

  $scope.typeAArray = $scope.mainArray.filter(function (item) {
    return item.category === 'A';
  }).reduce(function (accumulator, current) {
    var newObject = {
      category: accumulator.category,
      values: []
    };
    
    accumulator.values.map(function (val, index) {
      newObject.values.push(val);
      newObject.values[index][1] += current.values[index][1];
    });
    
    return newObject;
  });

Performing additions on two-dimensional arrays using Angular/JavaScript

Answer №1

Similar questions

Using CSS properties as false values within React applications

What is the total amount within a specified date range when retrieved as JSON?

The pop-up fails to appear

Node.js captures the Promise and provides detailed feedback

Loading templates dynamically within ng-repeat is a powerful feature that enhances the flexibility and

"Exploring the world of Vue.js and videojs: refreshing the video

Deciphering the intricacies of the http request

Determining the decimal power using the position of a for-loop

The reset function in React Native Controller FormData TextInput does not work properly

Retrieve an element generated by a React script without using the ref attribute

Struggles faced while trying to set up Karma using NPM

Implement a feature in JS/HTML where clicking on a button shifts a specific section of a row from one table to another while simultaneously deleting the remaining

Opening the Gmail app from a link using JavaScript

What is the best way to transfer data between controllers in my particular situation?

Guide to Changing the Value of a Textbox Using Form jQuery

Why isn't Latex rendering when called from Javascript?

As soon as I inserted the image, the text vanished into thin air

Leverage the JSON information retrieved from a WebApi to enhance functionality in an AngularJS

Attempting to develop a filtering feature using ReactJS

Is all of the app fetched by Next.js when the initial request is sent?