Extract every value associated with a particular key using JSON

Question

Extract every value associated with a particular key using JSON

Is there a way to extract all of the "-temp" values from the provided JSON data?

{
  "weather":{
    "notes":{
      "cities":[
        {
          "-id":"scranton",
          "-temp":"17"
        },
        {
          "-id":"paris",
          "-temp":"16"
        },
        {
          "-id":"new york",
          "-temp":"18"
        }
      ]
    }
  }
}

I attempted to retrieve this information using JavaScript, but unfortunately it returned undefined

data.weather.notes.cities['-temp']

Can anyone suggest how I can effectively retrieve every value of "-temp" from this dataset?

javascript json

Answer 1

Answer №1

If you want to extract temperature data from multiple cities, you can utilize the map method:

const temperatures = data.weather.notes.cities.map(city => city["-temp"]);

console.log(temperatures); // ["17", "16", "18"]

Alternatively, you can access each city's temperature individually like this:

const { cities } = data.weather.notes;

console.log(cities[0]["-temp"]); // "17"

You can also iterate through all cities and display their temperatures:

for (let city of cities) {
  console.log("Temperature in %s is %s°", 
    city["-id"], city["-temp"]
  );
}

Answer 2

If you want to extract temperature data from multiple cities, you can utilize the map method:

const temperatures = data.weather.notes.cities.map(city => city["-temp"]);

console.log(temperatures); // ["17", "16", "18"]

Alternatively, you can access each city's temperature individually like this:

const { cities } = data.weather.notes;

console.log(cities[0]["-temp"]); // "17"

You can also iterate through all cities and display their temperatures:

for (let city of cities) {
  console.log("Temperature in %s is %s°", 
    city["-id"], city["-temp"]
  );
}

Answer 3

Answer №2

One way to approach this problem is by looping through all the cities and extracting the temperature information.

data.weather.notes.cities.forEach(function(city) {
 for (var key in city) {
    if (key == "-temp")
    {
      console.log(city[key])
    }
 }
});

@ZER0's suggestion seems like the most effective solution.

Answer 4

One way to approach this problem is by looping through all the cities and extracting the temperature information.

data.weather.notes.cities.forEach(function(city) {
 for (var key in city) {
    if (key == "-temp")
    {
      console.log(city[key])
    }
 }
});

@ZER0's suggestion seems like the most effective solution.

Answer 5

Answer №3

let weatherData = {
  "conditions": {
    "cities": [
      {
        "-name":"tokyo",
        "-temp":"26"
      },
      {
        "-name":"london",
        "-temp":"15"
      },
      {
        "-name":"sydney",
        "-temp":"29"
      }
    ]
  }
};
  
for(let index in weatherData.conditions.cities) {
    let cityInfo = weatherData.conditions.cities[index];
    console.log(cityInfo["-temp"]); //Accessing temperature of each city
}

Answer 6

let weatherData = {
  "conditions": {
    "cities": [
      {
        "-name":"tokyo",
        "-temp":"26"
      },
      {
        "-name":"london",
        "-temp":"15"
      },
      {
        "-name":"sydney",
        "-temp":"29"
      }
    ]
  }
};
  
for(let index in weatherData.conditions.cities) {
    let cityInfo = weatherData.conditions.cities[index];
    console.log(cityInfo["-temp"]); //Accessing temperature of each city
}

Answer 7

Answer №4

You won't be able to treat JSON in the same way as you do with jquery selectors. In this scenario, it is necessary to iterate through your array of cities.

const data = {
  "weather":{
    "notes":{
      "cities":[
        {
          "-id":"london",
          "-temp":"21"
        },
        {
          "-id":"tokyo",
          "-temp":"24"
        },
        {
          "-id":"sydney",
          "-temp":"19"
        }
      ]
    }
  }
};

const cityTemperatures = data.weather.notes.cities.map(city => city['-temp']);

//output: ["21", "24", "19"]

Refer to map documentation for more details.

Answer 8

You won't be able to treat JSON in the same way as you do with jquery selectors. In this scenario, it is necessary to iterate through your array of cities.

const data = {
  "weather":{
    "notes":{
      "cities":[
        {
          "-id":"london",
          "-temp":"21"
        },
        {
          "-id":"tokyo",
          "-temp":"24"
        },
        {
          "-id":"sydney",
          "-temp":"19"
        }
      ]
    }
  }
};

const cityTemperatures = data.weather.notes.cities.map(city => city['-temp']);

//output: ["21", "24", "19"]

Refer to map documentation for more details.

Extract every value associated with a particular key using JSON

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Mastering the Art of SQL Submission with PHP Ajax Requests

Angular's asynchronous HTTP request allows for non-blocking operations when

How to efficiently use nested $.each() in DataTables with jQuery

In both Chrome and Edge, the default value for the <select> tag is successfully set, however, this functionality is not working in

Can an HTML DIV be resized along with its contents?

AJAX File Upload: Sequentially Queuing Multiple Files

What is the method for incorporating a CSRF token into BootstrapTable when using the POST data method?

Encountering a "Page Not Found" error while configuring Passport in Express 4

Discovering duplicate values in a JSON object using JavaScript (JQuery)

Guide on programmatically redirecting a user to a different route

`Problem encountered when trying to present JSON content in an Android Gridview`

Exploring the retrieval of JavaScript array elements from a ListModel within QML

Node.js Express application: Managing endpoint conflicts

Display the title when the mouse hovers over

Executing two select queries in PHP and transforming the results into JSON structure

Could there be any issues with the structure of my mongoose schema?

Python Selenium : Struggling to locate element using ID "principal"

Is there a built-in method called router.reload in vue-router?

Press the button in the parent component, retrieve information from the child component, and utilize it in a method (Vue 3)

Update text displayed on radio button selection using jQuery