Retrieving a specific value from a JSON object using JavaScript

Question

Retrieving a specific value from a JSON object using JavaScript

Forgive me for what seems like a simple question, but I lack programming skills. I am attempting to extract a specific value from an API response. The JSON I receive contains multiple values, but I only require one particular piece of information. Here is the link to the API: =>

"results": [
{
"index": "aboleth",
"name": "Aboleth",
"url": "/api/monsters/aboleth"
},
{
"index": "acolyte",
"name": "Acolyte",
"url": "/api/monsters/acolyte"
},
{
"index": "adult-black-dragon",
"name": "Adult Black Dragon",
"url": "/api/monsters/adult-black-dragon"
}]

and so forth,

My goal is to retrieve only the index for each entry.

I appreciate your help in advance.

javascript json

Answer 1

Answer №1

To retrieve the necessary data, you have the option to transform it into an object.

const data = JSON.parse(results) // Let's assume that your JSON is stored in a variable named results

// Create an array consisting of only the indexes
const indexes = data.results.map(v => v.index)

Update: OP Requested

      const uri = "https://www.dnd5eapi.co/api/monsters/";
      // Utilizing Promises
      fetch(uri)
        .then((res) => res.json())
        .then((data) => {
          const indexes = data.results.map((v) => v.index);
          console.log(indexes);
        });
      // Employing Async Await
      async function getData() {
        const res = await fetch(uri);
        const data = await res.json();
        const indexes = data.results.map((v) => v.index);
        console.log(indexes);
      }
      getData()

Answer 2

To retrieve the necessary data, you have the option to transform it into an object.

const data = JSON.parse(results) // Let's assume that your JSON is stored in a variable named results

// Create an array consisting of only the indexes
const indexes = data.results.map(v => v.index)

Update: OP Requested

      const uri = "https://www.dnd5eapi.co/api/monsters/";
      // Utilizing Promises
      fetch(uri)
        .then((res) => res.json())
        .then((data) => {
          const indexes = data.results.map((v) => v.index);
          console.log(indexes);
        });
      // Employing Async Await
      async function getData() {
        const res = await fetch(uri);
        const data = await res.json();
        const indexes = data.results.map((v) => v.index);
        console.log(indexes);
      }
      getData()

Retrieving a specific value from a JSON object using JavaScript

Answer №1

Similar questions

Extracting JavaScript OnClick button using Selenium

How can I create a form layout using jquery jTable?

Focus on the original control that triggered a jQuery AJAX POST during a postback event

Is it more suitable for the response logic to be implemented within the saga or the reducer?

My JSON data appears to be valid, yet I consistently encounter the error message "SyntaxError: JSON.parse: unexpected end of data at line 1"!

Need help with a countdown function that seems to be stuck in a loop after 12 seconds. Any

Methods to Maintain Consistent HTML Table Dimensions utilizing DOM

Passing data between pages in Node.js

Using Angular's ui-router to nest ui-views inside of one another

Animation for maximum height with transition from a set value to no maximum height

Unable to send JSON object from Java to Python due to socket blockage

Leveraging the power of promises to handle multiple requests

Obtain Attribute Value Using JQuery

Creating visualizations by overlaying shapes onto images using specified coordinates in jQuery

What is the best way to transmit a JSON object from a Python code to jQuery?

An error occurs in TypeScript when attempting to reduce a loop on an array

Merge the throw new Error statement with await in a single expression

Encountering a TypeError with DataTables and Tabledit

retrieve results upon expiry of time limit

Tips for concealing the preceding list item using jQuery