How can you count the number of times a specific object key appears in JavaScript without relying on a for

I am looking for a way to determine the total number of residents in a particular city without relying on a traditional for loop. Can you help me understand how to achieve this using the given function?

function tallyPeopleInManchester(people) {


/* The task is to create a function that can count the individuals living in Manchester based on an array of people objects structured as follows:
[
  { name: 'Emmeline', lives: { country: 'UK', city: 'Manchester' }, age: 32 }
]

The desired output should be the total count of people residing in the city of Manchester
*/
javascriptobjectfiltercountkey

Answer №1

Greetings newtojs,

Here is a suggestion that may assist you:

try using the following code snippet: return people.filter(p => p.lives.city == 'Manchester').length

We hope this solution helps! Welcome to stackoverflow.

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

What are the different ways to eliminate the scrollbar in angular, css, js, or html?

I'm a beginner in front-end development and despite searching for a solution, I haven't been able to find an answer. Is there a method to eliminate the scrollbar from my page containing an image? Or are there alternative approaches to maintain a ...

javascripthtmlcssangularfrontend

Ensure that checkboxes are activated in AngularJS before the ng-model is officially declared

I'm currently working on a web application that utilizes Angular and I'm looking to integrate some checkboxes that are directly linked to database content using ng-repeat. I need an auxiliary array to manage the ng-model, with all checkboxes init ...

javascripthtmlangularjsajaxcheckbox

Can the content of a URL be preloaded before it is displayed?

My goal is to create a functionality where, upon clicking on a preview div, it expands to the screen size, displaying a custom loader, and then loads the content of a new URL when it's ready. Is this task achievable? const Works = ({changed}) => ...

javascripthtmlreactjsgoogle-chromebrowser

The error message "Uncaught ReferenceError: require is not defined" is commonly encountered when using Webpack

Despite countless similar questions, none have provided a solution to my issue because the underlying problem seems to elude me. I am attempting to bundle files for the browser using webpack 4.26.1, but no matter what I try, I consistently encounter the er ...

javascriptnpmwebpackrequirecommonjs

How can you achieve three layers of nested quotes in Dynamic HTML?

Working on an app that utilizes JQuery and JQTouch for iOS. The issue I'm facing involves dynamically generated HTML lists where the user clicks a row that needs to be highlighted. However, achieving this has proven tricky due to nesting 3 sets of quo ...

javascripthtmlcssonclickhtml-lists

Introducing a delay in an observable causes incomplete data to be received in Angular using rxjs

Currently, I am facing an issue in my code where I am trying to introduce a delay using timer(500). However, the problem is that it is only returning partial data. Instead of the expected 17 fields, it is only returning 2 fields. Below is my code snippet f ...

javascriptangulartypescriptrxjs

What is the best way to prevent the deletion of a specific value in ChipInput (material-ui-chip-input)?

Incorporating the chip input feature from material-ui-chip-input into my project has been great for entering emails. However, I am faced with a challenge - I need to disable the ability to delete specific values. Specifically, when populating the input f ...

javascriptreactjsmaterial-ui

Is the use of 'use client' always necessary in order to utilize a hook in Next.js?

Is it necessary to include 'use client' in every page that uses useSelector when working with Redux in Next.js? If I don't include 'use client', I encounter this error: - error node_modules\react-redux\lib\component ...

javascriptreactjsreduxnext.js

Guide on integrating a Jison generated parser within an Angular application

Using the Jison library, parsers can be created based on a specific grammar by running: $ jison calculator.jison This process is described in reference [1]. The above command generates a parser named calculator.js. Now the question arises - how to in ...

javascriptangulartypescriptjison

How to use node.js to download a file and send it to another API using http

I am currently facing an issue where I am attempting to save file data from an http.request response to the file system. Whenever I call the function, a file is created on my desktop but it only contains the text: [Object object]. My question is how can I ...

javascriptnode.jsrest

How come my customized directive is not taking precedence over the original methods in AngularJS?

Following the guidelines in the Angular Decorator manual (https://docs.angularjs.org/guide/decorators), I attempted to create a directive and apply decoration to it. The directive's purpose is to display the current date and time. I included a (point ...

javascriptangularjsangularjs-directive

Different methods to handle form data sent via AJAX in C# programming

I'm working on a project and I've created this javascript code snippet: $(document).ready(function(){ $("form").submit(function(){ var form = $("form").serialize(); $.ajax({ type:"post", ...

javascriptc#jqueryajax

Relationship between multiple Mongoose instances linking to a single entity

Having an issue regarding mongoose and relationships. My "Athletes" collection has the following schema: var athletesSchema = mongoose.Schema({ name : String, regionName : String, age : Number, overallScore : Number, scores : { ordinnal : String, ...

javascriptnode.jsreactjsmongoose

Is it possible to eliminate a style that was applied using the .css() method?

Currently, I am using jQuery to modify the CSS and would like to know how to remove the styling that is being applied based on the input value provided: If the color is not '000000', then change the background-color of the body element to the sp ...

javascriptjquerycss

Coming back from the setState callback

In my code, I have a scenario where the Parent component is calling a function from the Child component using refs. Within the Child component function, there is a this.setState method with a callback function embedded in it. handleSaveProject = async () ...

javascriptreactjs

show information from json onto an html page with the help of jquery

I'm looking to showcase buttons from a JSON file within a simple block. Here's the JSON data for movies: { "movies": [ { "title": "Mena", "movieid": "1", ...

javascriptjqueryhtmljson

Simple steps for retrieving URL parameters with AngularJS

HTML source code <div ng-app=""> <div ng-controller="test"> <div ng-address-bar browser="html5"></div> <br><br> $location.url() = {{$location.url()}}<br> $location.search() = {{$locati ...

javascriptangularjsrouteparams

Adjust image size according to the browser's window resize using JQuery

I am trying to make an image resize based on the browser size changes using JQuery. My goal is for the image to scale without losing its aspect ratio or getting cropped. I have incorporated Bootstrap in my HTML structure: <div class="container-fluid" ...

javascriptjqueryhtmlcsstwitter-bootstrap

Strategies for combining objects with varying structures on a map

SUMMARY: Looking to merge the data from Students into the corresponding values of Employees, where the value from Students should be included in the same array as Employees['avg_rate' and 'expense']. The updated object array should be ...

javascriptarraysjsond3.js

Angular 6 - Using properties in classes

Considering a component structured as follows: import { Component, OnInit, ViewChild } from '@angular/core'; @Component({ selector: '...', templateUrl: './...html', styleUrls: ['./...scss'] }) export class Te ...

javascriptangulartypescriptscopethis