What is the method to calculate the total length of all children within a JSON array?

In the dictionary provided below, I am looking to determine the total length of all notifications (4). 

[
  {
        "name": "3 Bedroom Fixer Upper",
        "city": "Santa Rosa",
        "id": 1,
        "state": "CA",
        "date_added": "2/3/14",
        "completion_status": "20",
        "notifications": [
            "Quarterly Checklist",
            "Pre-Summer",
            "Annual Checklist"
        ],
        "sq_ft": 2200,
        "year_built": 1994,
        "bedrooms": 3,
        "bathrooms": 2.5,
        "lot_size": 2.5
    },
    {
        "name": "Ski Cabin",
        "city": "Tahoe",
        "id": 2,
        "state": "CA",
        "date_added": "3/3/14",
        "completion_status": "45",
        "notifications": [
            "Quarterly Checklist"
        ],
        "sq_ft": 1950,
        "year_built": 1984,
        "bedrooms": 3.5,
        "bathrooms": 2,
        "lot_size": 3
    }
];

I have successfully retrieved the length of notifications for a single object (for example: all_properties[0].notifications.length = 3), but accessing the length of all notifications by using all_properties.notifications.length does not provide any result. What would be the correct syntax to get the length of all notifications? (4)

http://jsfiddle.net/dakra/U3pVM/

Apologies if my terminology related to JSON dictionaries is incorrect as I am new to this concept.

javascriptjson

Answer №1

If you want to incorporate some functional programming techniques in your code, consider using Array.prototype.reduce:

function calculateTotalNotifications(arr) {
  return arr.reduce(function (accumulator, current) {
    return accumulator + current.notifications.length; 
  }, 0);
}

You can then call this function by using 

calculateTotalNotifications(all_properties)
.

To handle multiple arrays within an array named arrays:

var totalNotifications = 0;
for (var i = 0; i < arrays.length; i++) {
  totalNotifications += calculateTotalNotifications(arrays[i]);
}

Answer №2

If you want to calculate the total number of notifications in your data array, you can utilize the reduce function available in JavaScript.

var data = [...your data array...]
var totalNotifications = data.reduce(function(acc, curr){
   return acc + curr.notifications.length;
}, 0);
console.log("Total number of notifications:", totalNotifications);

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Each time the page is reloaded, the Ajax call is triggered, resulting in duplicated

When I visit my homepage, one of the components on the page looks like this: import React, {Component} from 'react'; class BlogPostsWidget extends Component { render() { $.ajax({ type: "GET", url: 'https://example.com/wp- ...

javascriptajaxreactjs

Vue's computed property utilizing typed variables

I am trying to create a computed array of type Todo[], but I keep encountering this specific error: No overload matches this call. Overload 1 of 2, '(getter: ComputedGetter<Todo[]>, debugOptions?: DebuggerOptions | undefined): ComputedRef<T ...

javascripttypescriptvue.js

Exploring the reach of scope in a directive

Managing a controller responsible for fetching event JSON data, updating the DOM with data if available, and displaying an error message if no data is found: //Controller.js myApp.controller('EventsCtrl', ['$scope','API', fun ...

javascriptangularjsangularjs-directiveangularjs-scope

Is there a way to store image URLs in a fashionable manner?

Hey there! I've been working on creating a HTML page that showcases multiple images. Everything is running smoothly on my localhost, but when I try to access it online, the images take forever to load. Any suggestions on how I can cache image URLs in ...

javascriptjqueryhtmlcss

Encode data in JSON format using Javascript and then decode it using PHP

In my coding journey, I decided to create an object using Javascript to pass it as an argument to a PHP script. var pattern = new Object(); pattern['@id'] = ''; pattern['@num'] = ''; pattern.cprop = new Object(); // ...

javascriptphpajaxjson

The JSON encoding done by Dart's json.encode is not meeting the requirements of Firebase Function

I've been grappling with a persistent issue for some time now, and I can't seem to pinpoint the exact cause. In my Dart(2) code, the json.encode() function is not producing the desired output. The input being passed is a Map<String, dynamic&g ...

jsondartgoogle-cloud-functions

What could be causing the excessive number of entries in my mapping results?

I am in need of mapping an array consisting of dates. Each date within this array is associated with a group of dates (formatted as an array). For instance: The format array looks like this: let format = [3, 3, 1, 5, 4, 4, 3, 5, 13, 10, 3, 5, 5, 2, 2, 10] ...

javascriptarrays

Verify whether the items within the ng-repeat directive already contain the specified value

I am facing an issue with displaying a JSON string of questions and answers in ng-repeat. The problem is that I want to display each question only once, but show all the multiple answers within ng-repeat. {Answer:"White",AnswerID:967,answer_type:"RADIO",f ...

javascriptangularjsangularjs-ng-repeatangular-ng-if

Troubleshooting the regenerator-runtime issue when utilizing Async in VueJS

I recently set up a new vuejs project and got it configured without any issues. However, when I started implementing code that used the await feature, I encountered a problem after compiling (yarn run serve). The error message that appeared is as follows: ...

javascriptvue.jsbabeljs

Is NoSQL supported by the MySQL Community Edition?

I have decided to dive into learning and developing a Node.js application with SQL. I am aware that the MySQL Enterprise Edition offers support for NoSQL, but I'm curious if the community edition also supports NoSQL or if I need to invest in the enter ...

mysqlnode.jsjsonexpressmysql-workbench

Customizing button styles with JQuery: A step-by-step guide

Hey, I'm working on implementing a button on my webpage and here's the code: <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis ...

javascriptjquerycssjquery-ui

It appears there was a mistake with [object Object]

Hey there, I'm currently working with Angular 2 and trying to log a simple JSON object in the console. However, I keep encountering this issue https://i.stack.imgur.com/A5NWi.png UPDATE... Below is my error log for reference https://i.stack.imgur.c ...

jsonangulartypescript

Encountering a null pointer exception when using a post method, JSON, and AJAX

Implementing Server Side Logic @Path("/create") @POST @Consumes(MediaType.APPLICATION_JSON) @Produces({MediaType.APPLICATION_JSON, MediaType.TEXT_PLAIN}) public RequestStatus createData(String jsonData){ return ...

jqueryajaxjson

The tweet button is not displaying correctly on the website

Visit my website here, where I have integrated a tweet button generated from Twitter.com. It was working fine for the initial few posts, but now it is failing to load and only displaying text. I have checked the console for any JavaScript errors, but so f ...

javascriptjquerytwitter

What are some ways to create a versatile wrapper?

I'm currently grappling with an issue involving my Formik fields. I need to utilize FastFields in certain scenarios and Fields in others within my FormikControl, a class designed for constructing formik inputs. The challenge lies in being able to swit ...

javascriptreactjsmaterial-uiformik

Setting a default currency value (either in dollars or euros) in an input field

Is there a way to automatically insert a currency symbol (€, $) in a text field by default when entering a number? Are there any default values for this feature? Thank you Here is an example ...

javascripthtmlcss

Tips for modifying the border of an entire column in react-table

My goal is to adjust the style according to the screenshot below. This is what I expect: However, this is what I currently have: As you can see, the border bottom of the last column is not applied as expected. I have tried using the props provided by r ...

javascriptcssreactjsreact-table

Utilizing JQuery for real-time total updates

When a new div is created by clicking a button, I want to dynamically maintain an order system where the first div is labeled as 1 of 1, then as more divs are added it should change to 1 of 2, and so on. If a div is deleted, the numbering should reset back ...

javascriptjquery

challenges with managing memory during express file uploads

I'm experiencing memory problems with file uploads while hosting my site on NodeJitsu. When I try to upload files, my app crashes with this error message: { [Error: spawn ENOMEM] code: 'ENOMEM', errno: 'ENOMEM', syscall: 'spa ...

javascriptnode.jsuploadexpress

What are the reasons for the inability to send form-data in Postman?

Encountering an issue when trying to send form-data in postman as Sequelize returns an error: value cannot be null However, everything works fine when sending a raw request with JSON. Have tried using body-parser and multer, but no luck. This is my inde ...

jsontypescriptexpresspostmanmiddleware