"Error: Unable to calculate the sum because s.sum is not recognized as a valid function. This occurred while trying to sum the property values of

Question

"Error: Unable to calculate the sum because s.sum is not recognized as a valid function. This occurred while trying to sum the property values of

I have a JavaScript object with JSON data

var info = [  
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Smith A.",
      "AMOUNT":"14289.66"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Jonson B.",
      "AMOUNT":"7408.05"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Lee C.",
      "AMOUNT":"10102.98"
   }
]

I am trying to calculate the total sum of the 'AMOUNT' property using the following function (taken from this source):

info.sum = function(data, property){
    return data.reduce( function(prev, current){
        return prev + parseFloat(current[property]);
    }, 0);
};

totalAmount = info.sum(info, 'AMOUNT');

However, I encounter an error message: "TypeError: info.sum is not a function"

How can I correctly calculate the sum of 'AMOUNT' values within the object?

javascript reduce jsobject

Answer 1

Answer №1

Check out this code snippet:

var data = [  
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Smith A.",
      "AMOUNT":"14289.66"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Jonson B.",
      "AMOUNT":"7408.05"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Lee C.",
      "AMOUNT":"10102.98"
   }
];
data.__proto__.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a + +b[prop];
    }, 0);
};

totalAmount = data.sum(data, 'AMOUNT');
console.log(totalAmount);

I added a sum function to the prototype and included type conversion in the return statement. This code has been tested and works correctly on Firefox, Chrome, and Edge browsers.

Answer 2

Check out this code snippet:

var data = [  
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Smith A.",
      "AMOUNT":"14289.66"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Jonson B.",
      "AMOUNT":"7408.05"
   },
   {  
      "MONTH":"  2018-01",
      "DEPARTMENT":"Legals",
      "EMPLOYEE":"Lee C.",
      "AMOUNT":"10102.98"
   }
];
data.__proto__.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a + +b[prop];
    }, 0);
};

totalAmount = data.sum(data, 'AMOUNT');
console.log(totalAmount);

I added a sum function to the prototype and included type conversion in the return statement. This code has been tested and works correctly on Firefox, Chrome, and Edge browsers.

Answer 3

Answer №2

My intention is not to provide you with the exact steps on how to execute this task, but rather to respond to your inquiry in a manner that closely aligns with what you have presented. To achieve this, you can simply extract the string stored in the AMOUNT property and convert it into a floating point number.

s.calculateSum = function(arr) {
  return arr.reduce(function(acc, obj) {
    return acc += parseFloat(obj.AMOUNT);
  }, 0);
}

If you wish to see a live demonstration, feel free to explore this codepen link.

Answer 4

My intention is not to provide you with the exact steps on how to execute this task, but rather to respond to your inquiry in a manner that closely aligns with what you have presented. To achieve this, you can simply extract the string stored in the AMOUNT property and convert it into a floating point number.

s.calculateSum = function(arr) {
  return arr.reduce(function(acc, obj) {
    return acc += parseFloat(obj.AMOUNT);
  }, 0);
}

If you wish to see a live demonstration, feel free to explore this codepen link.

Answer 5

Answer №3

Initially, I encountered an error message due to my s variable being of string type. Therefore, I needed to convert it into an array.

The use of the AND function with proto - proved effective for me.

s.__proto__.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a + +b[prop];
    }, 0);
};

sTotal = s.sum(s, 'AMOUNT');
console.log(sTotal);

A sincere thank you to everyone involved!

Answer 6

Initially, I encountered an error message due to my s variable being of string type. Therefore, I needed to convert it into an array.

The use of the AND function with proto - proved effective for me.

s.__proto__.sum = function(items, prop){
    return items.reduce( function(a, b){
        return a + +b[prop];
    }, 0);
};

sTotal = s.sum(s, 'AMOUNT');
console.log(sTotal);

A sincere thank you to everyone involved!

"Error: Unable to calculate the sum because s.sum is not recognized as a valid function. This occurred while trying to sum the property values of

Answer №1

Answer №2

Answer №3

Similar questions

What is the best way to exclude empty fields from an API response when using the .map() function in Nextjs

Leverage the power of ExpressJS by seamlessly sharing route middleware between routes

Remove a property from an object using Object.assign()

"Enhanced interactivity: Hover effects and selection states on an image map

In need of a collection of modules determined by a DefinePlugin constant

What steps can be taken to troubleshoot and resolve this specific TypeScript compilation error, as well as similar errors that may

Revamping the vertices and UVs of DecalGeometry

What is the process for incorporating transparency into the .dae model?

No response received when sending AJAX request from PHP to Node.js

Is there a way to cancel hiding on a q-dialog?

What is the process for adjusting the form transition?

Is it possible for you to simulate the shift key being pressed prior to the event execution?

Converting Cyrillic characters to ASCII codes using JavaScript: A step-by-step guide

Step-by-step guide on transforming jQuery code into Vue JS:

Ways to retrieve information from a request handler

Using properties to generate a header component in TypeScript

The function $scope.$watch(var,function) was not defined and caused an error stating that

The content of xmlhttp.responseText is not being displayed in the innerHTML

Angular JS not displaying texts properly

Script for tracking user activity on Facebook and Google platforms