What is the best way to calculate the total of elements from multiple arrays of various lengths using Javascript?

Question

What is the best way to calculate the total of elements from multiple arrays of various lengths using Javascript?

Is there a way to modify the code below to allow for adding an arbitrary number of arrays as arguments? For instance, how can I adjust it so that ([1, 2, 3], [4, 5], [6]) would result in an array of [11, 7, 3]?

function addArrays(...arrays) {
  let result = new Array(Math.max(...arrays.map(arr => arr.length))).fill(0);

  arrays.forEach((arr) => {
    arr.forEach((num, index) => {
      result[index] += num;
    });
  });

  return result;
}

javascript arrays

Answer 1

Answer №1

Instead of manually creating two separate array variables, you can utilize a nested array and loop through it dynamically.

To achieve this, utilize arrays.map() to retrieve all the lengths for calculating the maximum length, and then use arrays.reduce() to add up the elements in each array.

const combineArrays = (...arrays) => {
  let combinedArray = [];
  let maxLength = Math.max(...arrays.map(a => a.length));
  for (let i = 0; i < maxLength; i++) {
    combinedArray.push(arrays.reduce((sum, arr) => sum + (arr[i] || 0), 0));
  }
  return combinedArray
}

console.log(combineArrays([1, 2, 3], [4, 5], [6]));

Answer 2

Instead of manually creating two separate array variables, you can utilize a nested array and loop through it dynamically.

To achieve this, utilize arrays.map() to retrieve all the lengths for calculating the maximum length, and then use arrays.reduce() to add up the elements in each array.

const combineArrays = (...arrays) => {
  let combinedArray = [];
  let maxLength = Math.max(...arrays.map(a => a.length));
  for (let i = 0; i < maxLength; i++) {
    combinedArray.push(arrays.reduce((sum, arr) => sum + (arr[i] || 0), 0));
  }
  return combinedArray
}

console.log(combineArrays([1, 2, 3], [4, 5], [6]));

Answer 3

Answer №2

You have the ability to utilize the arguments object within a function.

arguments serves as an Array-like object that can be accessed inside functions, containing the values of the arguments passed into that particular function.

const combineArrays = function () {
  const inputs = [...arguments];
  const maxLength = Math.max(...inputs.map((item) => item.length));
  const result = [];
  for (let i = 0; i < maxLength; i ++) {
    result.push(inputs.reduce((acc, cur) => acc + (cur[i] || 0), 0));
  }
  return result;
};

console.log(combineArrays([1,2,3], [4,5], [6]));

Answer 4

You have the ability to utilize the arguments object within a function.

arguments serves as an Array-like object that can be accessed inside functions, containing the values of the arguments passed into that particular function.

const combineArrays = function () {
  const inputs = [...arguments];
  const maxLength = Math.max(...inputs.map((item) => item.length));
  const result = [];
  for (let i = 0; i < maxLength; i ++) {
    result.push(inputs.reduce((acc, cur) => acc + (cur[i] || 0), 0));
  }
  return result;
};

console.log(combineArrays([1,2,3], [4,5], [6]));

Answer 5

Answer №3

Here is the solution:

function combineArrays(...arrays) {
  let result = [];
  let maxLength = 0;
  
  arrays.forEach((array) => {
    maxLength = Math.max(maxLength, array.length);
  });
  
  for (let i = 0; i < maxLength; i++) {
    result[i] = 0;
    
    for (let j = 0; j < arrays.length; j++) {
      if (arrays[j][i]) {
        result[i] += arrays[j][i];
      }
    }
  }
  
  return result;
}

console.log(combineArrays([1, 2, 3], [4, 5], [6]));

The output will be: [11, 7, 3]

Answer 6

Here is the solution:

function combineArrays(...arrays) {
  let result = [];
  let maxLength = 0;
  
  arrays.forEach((array) => {
    maxLength = Math.max(maxLength, array.length);
  });
  
  for (let i = 0; i < maxLength; i++) {
    result[i] = 0;
    
    for (let j = 0; j < arrays.length; j++) {
      if (arrays[j][i]) {
        result[i] += arrays[j][i];
      }
    }
  }
  
  return result;
}

console.log(combineArrays([1, 2, 3], [4, 5], [6]));

The output will be: [11, 7, 3]

Answer 7

Answer №4

Utilize the rest parameter syntax to receive an unlimited number of arguments. Arrange the main array in descending order based on length. Employ destructuring assignment to separate the first array from the rest of the arrays. Lastly, utilize Array.prototype.map() to iterate through the first array, which is the largest one, and use Array.prototype.reduce() method to calculate the total sum.

const mergeArrays = (...ar) => {
  ar.sort((x, y) => y.length - x.length);
  const [first, ...br] = ar;
  return first.map(
    (x, i) => x + br.reduce((p, c) => (i < c.length ? c[i] + p : p), 0)
  );
};

console.log(mergeArrays([1, 2, 3], [4, 5], [6]));

Answer 8

Utilize the rest parameter syntax to receive an unlimited number of arguments. Arrange the main array in descending order based on length. Employ destructuring assignment to separate the first array from the rest of the arrays. Lastly, utilize Array.prototype.map() to iterate through the first array, which is the largest one, and use Array.prototype.reduce() method to calculate the total sum.

const mergeArrays = (...ar) => {
  ar.sort((x, y) => y.length - x.length);
  const [first, ...br] = ar;
  return first.map(
    (x, i) => x + br.reduce((p, c) => (i < c.length ? c[i] + p : p), 0)
  );
};

console.log(mergeArrays([1, 2, 3], [4, 5], [6]));

Answer 9

Answer №5

If you want to avoid using a for loop where you have to determine the length of each array in advance, consider utilizing a different approach like a while loop.

You can increment using a placeholder variable, reset it for each array, and establish the termination condition for the loop as arr[i] === null.

Answer 10

If you want to avoid using a for loop where you have to determine the length of each array in advance, consider utilizing a different approach like a while loop.

You can increment using a placeholder variable, reset it for each array, and establish the termination condition for the loop as arr[i] === null.

What is the best way to calculate the total of elements from multiple arrays of various lengths using Javascript?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Unable to retrieve a substring value in Angular using Typescript

Transforming an array from two dimensions to one dimension using PHP

Preventing the submission of form post values by using jQuery remote validation

Utilize jQuery to locate a specific value within a collapsible Bootstrap 4 table

I am interested in combining fabricjs with vue.js

Angular Bootstrap uibModal is failing to resolve attributes

Unable to delete component from an array (slice, Vue.js)

The function SetInterval is invoked multiple times

Searching for client using mqtt.js in Angular2 with Typescript yields no results

Forgetting variable after utilizing jQuery ajax in php

Utilize another function located within a JavaScript module

Retrieve the content entered in a form text field without needing to officially submit the form

Troubles with setting up node modules in a Windows 10 environment

Tips for creating an Enumerable 'similarity' search using linq.js

Unable to integrate bower with gulp for automation

Experiencing difficulty retrieving individual :id information from a list in MEAN stack

Ways to stop Google Places API from generating outcomes from a particular country

How can I update the color of a list item when it is clicked within a foreach loop using knockout js?

Flask is having trouble loading images within the static directory

What is the method for assigning 'selective-input' to a form field in Angular?