Here we have an array of objects as an example:
[{Name: Deji, Age: 12}, {Name: Sonia, Age: 13}, {Name: Fabio, Age: 21}]
I am curious about how to loop through this array in order to calculate the total age of all the people included.
Is there a specific function that can be used to sum up the ages of the individuals in the array?
Utilize the Array#forEach method along with Array#reduce to loop through array elements and accumulate the age of each player into your variable.
Using forEach:
const players = [{Name : 'Deji', Age: 12}, {Name : 'Sonia', Age: 13}, {Name : 'Fabio', Age: 21}];
let age = 0;
players.forEach(player => age += player.Age);
console.log(age);Using reduce:
const players = [{Name : 'Deji', Age: 12}, {Name : 'Sonia', Age: 13}, {Name : 'Fabio', Age: 21}];
const age = players.reduce((sum, player) => sum + player.Age, 0);
console.log(age);The JSON structure you provided is invalid. Here is the correct format:
[ { "Name": "Deji", "Age": 12 }, { "Name": "Sonia", "Age": 13 }, { "Name": "Fabio", "Age": 21 } ]
To calculate the total using AngularJS, you can utilize the array.reduce function.
DEMO
angular.module('MyModule', [])
.controller( 'MyController', function($scope){
$scope.data = [
{
"Name": "Deji",
"Age": 12
},
{
"Name": "Sonia",
"Age": 13
},
{
"Name": "Fabio",
"Age": 21
}
];
$scope.sum = function(items, prop){
return items.reduce( function(a, b){
return a + b[prop];
}, 0);
};
$scope.totalAges = $scope.sum($scope.data, 'Age');
});<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app='MyModule' ng-controller='MyController'>
<p>totalAges = {{totalAges}}</p>
</div>let students = [{Name : 'Alice', Age: 18}, {Name : 'Bob', Age : 20}, {Name : 'Charlie', Age: 22}];
let totalAge = 0;
students.forEach(function(person){
totalAge += person.Age;
})
console.log(totalAge)Iterate over each object using forEach, retrieve the Age property, and calculate the sum.
Give this a shot:
let students = [{Name : 'Deji', Age: 12}, {Name : 'Sonia', Age : 13}, {Name : 'Fabio', Age: 21}];
let totalAge = 0;
for(let student of students){
totalAge += student.Age;
}
console.log(totalAge);
Recently, I came across this JavaScript code that is supposed to create a dropdown list of statuses: $.getJSON('/statuses', { ajax: 'true' }, function (data) { var html; var len = data.length; html + ...
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script> $(document).ready(function(){ var counter = 0; ...
I am struggling with an issue where I have an array of colors and sizes, along with other data such as product name and images. Despite being able to send image files and product names without any problems, attaching the color and size array leads to a 500 ...
My attempt to add a source to an image using JavaScript and some jQuery code I found online isn't working as expected: <html> <head> <script src = "http://www.example.com/images/"> var count=1; var initnumber=100 ...
I am looking for a way to create a countdown timer that I can adjust the time interval for in my database. Basically, I have a timestamp in my database table that might change, and I want to check it every 30 seconds and update my countdown accordingly. H ...
I recently started learning Python and I'm attempting to compare some values that are stored in an array. However, when I try to run my code, I encounter an error message that reads: ValueError: need more than 3 values to unpack. Here is my code: ...
Is there a way to add conditions to my ajax request? Whenever I include the code below, it only seems to work for one item at a time. $.ajax({ type: 'GET', url: urlPost, success: function (data) { $.each(data, function (key, value) { ...
I have come across tips online recommending storing the queried data in an ArrayList and then converting it into an Array. However, the code I currently have does not seem to be working as expected. The SQL syntax has been tested and is correct (tested i ...
I need assistance validating a specific element in an XML document using regular expressions. <ConfigOption>value</ConfigOption> Here are the requirements for ConfigOption: Allowed characters include letters, numbers, underscores, and spaces. ...
I have been working on a slideshow that involves building elements into an array, modifying the DOM, and using items from the array to fade in and out on a timer. While I have made progress, there are still a few things I would like to accomplish but I am ...
Our recent deployment of JavaScript includes the use of the let statement. This feature is not supported in Firefox browsers prior to version 44, unless JavaScript1.7 or JavaScript1.8 is explicitly declared. I am concerned about the potential risks of usi ...
I have an array defined as... let myArray = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13] ...along with a starting index let start = 2 and an ending index let end = 5. I want to resize the array by taking elements from start to end, for example: start ...
I'm currently in the process of automating a web application built with HTML5 using Selenium Webdriver. I need help figuring out how to highlight the exact coordinates where I have clicked on the Canvas element. For example, if I click on the Canvas a ...
Recently, while utilizing a third-party software, I ran the print_r($_SESSION) command and received the following output: [stsco-portal_current_user] => UserIdentity Object ( [userName] => Gary [password] => [persiste ...
My Bootstrap menu is experiencing an issue where it fails to open when I click on it. This means that I can't see any items in the menu. However, when I press the "Down key" on my keyboard, it opens immediately. This issue seems to occur specifically ...
I am struggling to verify the presence of Handlebar JS on the application's HTML page. No matter what I do, it keeps throwing an error saying "Uncaught Reference Error - Handlebars is not defined". Can anyone provide guidance on how to fulfill this ta ...
I am working with a text name[one][1][two][45][text] Through this pattern, I am able to extract the number "45" /(.*?)rows\]\[([0-9]*)(.*)/; Now, my challenge is how can I change the only 45 to a different digit? Using the same pattern and re ...
I am currently facing a challenge with handling form data from a webpage using Node.js and writing that data to a file. It seems like there might be an issue with how Node.js is processing my POST request, or perhaps the way I am sending the request from t ...
I've been working on making a div scroll left or right with either a mouseover effect or click, but I can't seem to figure out what's going wrong. My initial attempt was straightforward: <body> <div id="innerscroll"></div> ...
We currently have an AngularJS controller that contains the following function: $scope.testMe = function() { return $('#test'); } So, how can we effectively test this function? We attempted a Karma test as shown below: describe(' ...