Analyzing and tallying JSON attributes using JavaScript

Question

Analyzing and tallying JSON attributes using JavaScript

I have a JSON object with items that I need to analyze in JavaScript. When I view the JSON in the console, there is an element called items that contains an array of relevant information.

console.log(json)


{current_page: 1, per_page: 100, total_entries: 106, items: Array(100)}
current_page:1
items:Array(100)
0:{id: 15814, name: "Vehicle_1001", state: "available", repair_state: "broken", network_id: 99, …}
1:{id: 16519, name: "Vehicle_1002", state: "available", repair_state: "broken", network_id: 99, …}

However, when I attempt to use the filter function to count the number of records where repair_state is set to broken, I encounter an error:

json.filter(value => value.items.repair_state === 'broken').length

Uncaught TypeError: json.filter is not a function

What am I doing incorrectly and how can I determine the count of items with a repair_state property equal to broken in this scenario?

javascript json filter

Answer 1

Answer №1

After reviewing your console.log, it appears that the JSON object contains an array called items. To filter this array, you should apply the filter method to the items array. Here's how you can do it:

var result =   json.items.filter(value => value.repair_state === 'broken').length;

DEMO

var json= {
  "current_page": 1,
  "per_page": 100,
  "total_entries": 106,
  "items": [
    {
      "id": "15814",
      "name": "Vehicle_1001",
      "state": "available",
      "repair_state": "broken"
    },
    {
      "id": "16519",
      "name": "Vehicle_1002",
      "state": "available",
      "repair_state": "broken"
    }
  ]
};

var result =   json.items.filter(value => value.repair_state === 'broken').length;
console.log(result);

Answer 2

After reviewing your console.log, it appears that the JSON object contains an array called items. To filter this array, you should apply the filter method to the items array. Here's how you can do it:

var result =   json.items.filter(value => value.repair_state === 'broken').length;

DEMO

var json= {
  "current_page": 1,
  "per_page": 100,
  "total_entries": 106,
  "items": [
    {
      "id": "15814",
      "name": "Vehicle_1001",
      "state": "available",
      "repair_state": "broken"
    },
    {
      "id": "16519",
      "name": "Vehicle_1002",
      "state": "available",
      "repair_state": "broken"
    }
  ]
};

var result =   json.items.filter(value => value.repair_state === 'broken').length;
console.log(result);

Analyzing and tallying JSON attributes using JavaScript

Answer №1

Similar questions

Discover the flawless way to transmit client geolocation to a server. Encounter an intriguing hurdle: Unable to access undefined properties (specifically 'loc') while reading

Create a variety of elements in real-time

Tips for embedding text into a doughnut chart with primeng/chart.js

Learn how to showcase JSON information in a Label within Xamarin forms using the Rest Post Method in an API

Dealing with audio bleed from a previous recording using fluent-ffmpeg

The Safari 7.1+ browser seems to be having trouble with the spotlight effect

Clicking a button in React requires two clicks to update a boolean state by triggering the onClick event

Query to retrieve specific JSON elements

Utilizing Node.js within a closed intranet environment

Building an Express API using ES6 script: A Step-by-Step Guide

I desire to perform a specific task when there is a modification in the path using react router framework

Ensuring precise accuracy in JavaScript; transforming 0.5 into 0.5000

Creating an Ajax request in Angular using ES6 and Babel JS

Using Jest to mock React components with dot notation

Uncover the secrets of retrieving data from a JSON string in PHP, even if you're not aware of

Error message: Unchecked runtime error - Unable to retrieve data from the specified URL. The extension manifest must include permission to access this particular host. This issue is occurring in manifest

Is there a way to verify the phone number input field on my registration form along with the country code using geolocation

Utilizing browser local storage in web development

Ways to verify if a JSON is empty on an Android device

Removing a Dynamic Element in ReactJS