Adding together separate numbers within an array using JavaScript

Question

Adding together separate numbers within an array using JavaScript

I am currently working on a task that involves summing up all the numbers in each array and displaying the total sum of that specific array. Unfortunately, I am facing challenges in figuring out how to achieve this functionality through my code.

For example:

var myArray = [123, 456, 789]

My aim is for the program to output 6, 15, 24.

This means adding up each individual number within the array: 1+2+3=6, 4+5+6=15, and 7+8+9=24.

I would greatly appreciate some guidance on how to approach this problem of adding every single number in the input array.

javascript arrays

Answer 1

Answer №1

To achieve this, you can utilize the Array#map and Array#reduce methods.

If you prefer using ES2015's Arrow Function syntax:

myArray.map(el => el.toString().split('').reduce((sum, b) => sum + +b, 0));

var myArray = [123, 456, 789];

var resultArr = myArray.map(el => el.toString().split('').reduce((sum, b) => sum + +b, 0));

console.log(resultArr);
document.body.innerHTML = resultArr; // FOR DEMO ONLY

In older versions like ES5:

myArray.map(function (el) {
    return el.toString().split('').reduce(function (sum, b) {
        return sum + +b
    }, 0);
});

var myArray = [123, 456, 789];

var resultArr = myArray.map(function (el) {
    return el.toString().split('').reduce(function (sum, b) {
        return sum + +b
    }, 0);
});

console.log(resultArr);
document.body.innerHTML = resultArr;

Answer 2

To achieve this, you can utilize the Array#map and Array#reduce methods.

If you prefer using ES2015's Arrow Function syntax:

myArray.map(el => el.toString().split('').reduce((sum, b) => sum + +b, 0));

var myArray = [123, 456, 789];

var resultArr = myArray.map(el => el.toString().split('').reduce((sum, b) => sum + +b, 0));

console.log(resultArr);
document.body.innerHTML = resultArr; // FOR DEMO ONLY

In older versions like ES5:

myArray.map(function (el) {
    return el.toString().split('').reduce(function (sum, b) {
        return sum + +b
    }, 0);
});

var myArray = [123, 456, 789];

var resultArr = myArray.map(function (el) {
    return el.toString().split('').reduce(function (sum, b) {
        return sum + +b
    }, 0);
});

console.log(resultArr);
document.body.innerHTML = resultArr;

Answer 3

Answer №2

To break down each number into its individual digits, you can utilize the modulo operator.

For instance, using X mod 10 will extract the rightmost digit from X, while removing the last digit of X requires integer division, denoted as X div 10.

function analyzeDigits(array) {
  return array.map(function(item) {
    var sum = 0;
    while (item > 0) {
      sum += item % 10;
      item = Math.floor(item/10);
    }

    return sum;
  });
}

Answer 4

To break down each number into its individual digits, you can utilize the modulo operator.

For instance, using X mod 10 will extract the rightmost digit from X, while removing the last digit of X requires integer division, denoted as X div 10.

function analyzeDigits(array) {
  return array.map(function(item) {
    var sum = 0;
    while (item > 0) {
      sum += item % 10;
      item = Math.floor(item/10);
    }

    return sum;
  });
}

Adding together separate numbers within an array using JavaScript

Answer №1

Answer №2

Similar questions

Transform into binary and divide into separate elements within an array

Guide to playing a gif solely through an onclick event using JavaScript

Retrieve the value of a variable in a Bootstrap modal using Jade

ReactJS is making a controlled input of type text into an uncontrolled component with the help of a component transformation

Error message: "Unable to access D3 data when trying to select nested

Decoding the file's encoding: A beginner's guide

Exploring front-end AJAX functionality within a WordPress plugin

Is there a way to ensure that a "loop once" animated GIF background will replay on each page refresh or load?

Add CSS styles to the outermost container element when the slideshow is currently in use

Ways to grant entry to a Vue.js page exclusively to authenticated users or when localStorage is present

Creating a recursive function to compute the average of elements within multi-dimensional arrays

Create a structure for objects that can be easily cloned

Adding a uniform header and footer across all pages simultaneously in HTML

What is the best way to serialize data from non-form elements and make it easily accessible through params[:model]?

Select2 using AJAX: chosen option disappears upon receiving AJAX response

Unable to conceal the innerHTML once the error has been rectified

The latest URL is not launching in a separate tab

Using Gmail with Nodemailer is throwing an error: "Cannot add property 'mailer' on a string with value 'SMTP'."

How to eliminate a particular item within a string only in rows that include a different specific item using JavaScript

Why is the jQuery Ajax AutoComplete feature not functioning properly?