Discovering numbers within a JSON object and extracting them - a step-by-step guide

Question

Discovering numbers within a JSON object and extracting them - a step-by-step guide

If I have a JSON object coming from a random dataset and want to search through it to manipulate the number values, how can I achieve this? Looping through the object using for...of allows me to get the keys, but I'm unsure how to access every key-value pair and return the numbers specifically. Here is an example:

var obj = {
  "a0": {
    "count": 41,
    "name": "Park",

  },
  "a1": {
    "count": 52,
    "name": "Greg",

  },

  "a2": {
    "count": 150,
    "name": "Sylvain",

  },
  "a3": {
    "count": 276,
    "name": "Macho",

  },
  "a4": {
    "count": 36,
    "name": "Mariam",

  },
  "a5": {
    "count": 39,
    "name": "Blanca",

  }

}

Looping through can be done like this:

for (let i of Object.keys(obj)) {
  console.log(obj[i]);
}

While there are properties like hasOwnProperty and keys on the Object, they don't directly provide values. Accessing count by doing obj[i].count works, but checking if count exists beforehand is needed. A more generic approach is sought for extracting numeric values in an array or performing manipulations with them.

Edit: This query is focused on extracting properties with numeric values within the object.

Any assistance would be appreciated.

Thanks a lot.

javascript json

Answer 1

Answer №1

To extract only properties with numeric values from an object, you can utilize the `Object.keys()`, `Array.map()`, and `Array.reduce()` methods in JavaScript:

First, here's how you can achieve this by iterating over the keys of the object and filtering out non-numeric values:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.keys(obj).map((key) => {
  const o = obj[key];
  
  return Object.keys(o).reduce((r, k) => typeof o[k] === 'number' ?
    {...r, [k]: o[k]} : r , {});
});

console.log(result);

You can also simplify the process using `Object.values()` and `Object.entries()` if supported by the browser:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.values(obj).map((o) =>
  Object.entries(o).reduce((r, [k, v]) => typeof v === 'number' ?
    {...r, [k]: v} : r)
);

console.log(result);

If your target browser supports `Object.fromEntries()`, you can further streamline the process by filtering out non-numeric values and converting back to an object:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.values(obj)
  .map((o) => Object.fromEntries(
    Object
      .entries(o)
      .filter(([,v]) => typeof v === 'number')
  ))

console.log(result);

Answer 2

To extract only properties with numeric values from an object, you can utilize the `Object.keys()`, `Array.map()`, and `Array.reduce()` methods in JavaScript:

First, here's how you can achieve this by iterating over the keys of the object and filtering out non-numeric values:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.keys(obj).map((key) => {
  const o = obj[key];
  
  return Object.keys(o).reduce((r, k) => typeof o[k] === 'number' ?
    {...r, [k]: o[k]} : r , {});
});

console.log(result);

You can also simplify the process using `Object.values()` and `Object.entries()` if supported by the browser:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.values(obj).map((o) =>
  Object.entries(o).reduce((r, [k, v]) => typeof v === 'number' ?
    {...r, [k]: v} : r)
);

console.log(result);

If your target browser supports `Object.fromEntries()`, you can further streamline the process by filtering out non-numeric values and converting back to an object:

const obj = {"a0":{"count":41, "demo": 15, "name":"Park"},"a1":{"count":52, "demo": 53, "name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

const result = Object.values(obj)
  .map((o) => Object.fromEntries(
    Object
      .entries(o)
      .filter(([,v]) => typeof v === 'number')
  ))

console.log(result);

Answer 3

Answer №2

const data = {"a0":{"count":41,"name":"Park"},"a1":{"count":52,"name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

var numbersArray = [];
for (var prop in data) {
numbersArray.push(data[prop].count)
}
console.log(numbersArray);

Answer 4

const data = {"a0":{"count":41,"name":"Park"},"a1":{"count":52,"name":"Greg"},"a2":{"count":150,"name":"Sylvain"},"a3":{"count":276,"name":"Macho"},"a4":{"count":36,"name":"Mariam"},"a5":{"count":39,"name":"Blanca"}};

var numbersArray = [];
for (var prop in data) {
numbersArray.push(data[prop].count)
}
console.log(numbersArray);

Discovering numbers within a JSON object and extracting them - a step-by-step guide

Answer №1

Answer №2

Similar questions

Differentiating Typescript will discard attributes that do not adhere to an Interface

Python 3 loop malfunctioning

Identify the absence of search results in an Ajax request to the search page before rendering the HTML content

What is the process for inserting a new item into a mongoose array?

JavaScript redirecting without refreshing the page

How can you integrate jquery ajax in WordPress?

Enable direct download from external servers

Decoding a solitary element within an array

retrieving data from Redis with the help of Node.js

Struggling to achieve the expected results when trying to convert a PHP array into JSON

Storing approximately 1 kilobyte of information throughout various pages

getting information from a JSON array using AngularJS

How can I achieve jq to output decimal notation instead of scientific notation when using tonumber()?

Can file input buttons be custom styled?

Transmit JSON data to a node.js server

Retrieve information from two tables in mySQL and merge them together

Obtain JSON Object based on property using jq in Bash

How can I ensure that each callback is passed a distinct UUID?

Monitoring the modifications of a linked component in React: A guide

Enhancing Rails functionality with drag-and-drop to modify object attributes