Navigating a targeted key-value pair within an array: Step-by-step instructions

Question

Navigating a targeted key-value pair within an array: Step-by-step instructions

Currently, I am dealing with a JSON object that contains over 250 arrays. Each array holds data related to various countries such as population, language, and currency. My objective is to extract a specific key-value pair (country code) from each array and store it in a different variable for future use.

Although I attempted to utilize the forEach method for this task, my lack of experience with it hindered my progress. Upon researching similar inquiries online, I noticed that most people were seeking guidance on iterating through all key/value pairs, rather than extracting a particular one like in my scenario.

$.getJSON("https://restcountries.eu/rest/v2/all", function(callback) { 
    var isoCode = callback[5].alpha2Code;
    console.log(isoCode);
});

The provided code successfully retrieves the alpha2code (country code) for a specific array ([5] in this instance). While this meets the desired outcome, I now seek a way to automate the process so it iterates through all 250 arrays, extracts all country codes, and stores them in individual variables.

javascript arrays json iteration key-value

Answer 1

Answer №1

Unique Example

Consider this alternative approach:

$.get("https://uniqueapi.com/data", function (info) {
    const codes = info.map(item => item.code);
    console.log(codes); // ['abc', 'def', '...']
});

The code above utilizes a bespoke API — exclusive to this project.

Different Scenario

A more innovative method, utilizing the advanced Custom Fetch API with Promise implementation:

fetch("https://uniqueapi.com/data")
    .then((response) => {
        // Convert response to JS object
        return response.json();
    })
    .then((info) => {
        const codes = info.map(item => item.code);
        console.log(codes); // ['abc', 'def', '...']
    });

New Approach

Refined Code version looks like:

const settings = {
    dataUrl: "https://uniqueapi.com/data"
};

async function fetchData(url) {
    const response = await fetch(url);
    return response.json();
}

function retrieveData() {
    return fetchData(settings.dataUrl);
}

async function processData() {
    try {
        const info = await retrieveData()
        const codes = info.map(item => item.code);
        console.log(codes); // ['abc', 'def', '...']
    } catch (error) {
        console.error(error);
    }
}

processData();

Answer 2

Unique Example

Consider this alternative approach:

$.get("https://uniqueapi.com/data", function (info) {
    const codes = info.map(item => item.code);
    console.log(codes); // ['abc', 'def', '...']
});

The code above utilizes a bespoke API — exclusive to this project.

Different Scenario

A more innovative method, utilizing the advanced Custom Fetch API with Promise implementation:

fetch("https://uniqueapi.com/data")
    .then((response) => {
        // Convert response to JS object
        return response.json();
    })
    .then((info) => {
        const codes = info.map(item => item.code);
        console.log(codes); // ['abc', 'def', '...']
    });

New Approach

Refined Code version looks like:

const settings = {
    dataUrl: "https://uniqueapi.com/data"
};

async function fetchData(url) {
    const response = await fetch(url);
    return response.json();
}

function retrieveData() {
    return fetchData(settings.dataUrl);
}

async function processData() {
    try {
        const info = await retrieveData()
        const codes = info.map(item => item.code);
        console.log(codes); // ['abc', 'def', '...']
    } catch (error) {
        console.error(error);
    }
}

processData();

Navigating a targeted key-value pair within an array: Step-by-step instructions

Answer №1

Unique Example

Different Scenario

New Approach

Similar questions

Error encountered: Unable to access properties of an undefined element, specifically 'keyboard'

Exploring the intricacies of deserializing specific fields within a complex JSON object using the Rust

Tips for showcasing and modifying MVC ApplicationUser attributes

Discover the geolocation data for post code 0821 exclusively in Australia using Google Maps Geocoding

Error when using the array.filter() method with polygons

When the page is scrolled, the div is fixed in place and a class is dynamically added. Some issues may

Received an error while parsing JSON in the VBA post method request body using "MSXML2.XMLHTTP": Unexpected character '^' encountered. Expected to see '{' or '[' instead

Ways to eliminate the lower boundary of Input text

How to prevent page refresh when hitting enter in jQuery form?

Smarty: Combine the elements of an array and store the result in a variable

Display the keyboard on IOS when an input field is selected

What are the steps involved in generating and implementing dynamic hierarchical JSON data structures?

Solve integers and booleans within a deeply nested NSDictionary

Updating data in a table upon submission of a form in Rails

Is there a way to assign a unique scrollTop value for a specific scrollspy location?

The word "yargs" will not activate a command within a script

Setting a variable for a JavaScript function to insert a video - a step-by-step guide

Including input within a component causes the input to capture all click events

What is the process for accessing a website using Java programming language?

Using jQuery to animate a div within a PHP echo statement