I need to filter a json which i get externally from API. The json file is like this :
{
"get":"players",
"parameters":{
"team":"504",
"season":"2021"
},
"response":[
{
"player":{
"id":1011,
"name":"K. R\u00fcegg",
"firstname":"Kevin",
"lastname":"R\u00fcegg",
[...]
},
{
"player":{
"id":14268,
"name":"I. Pandur",
"firstname":"Ivor",
"lastname":"Pandur",
"age":21,
"birth":{ [...]
Syntax :
fetch(url)
.then(response => response.json())
.then((data) => {
[...]
});
I need to get only the selected player id like this :
"player":{
"id":1011,
"name":"K. R\u00fcegg",
"firstname":"Kevin",
"lastname":"R\u00fcegg",
[...]
},
I hope following example code will give you some idea..
I used JsonPlaceholder Mock API https://jsonplaceholder.typicode.
Above mentioned API giving data ouput is:
[
{
"userId": 1,
"id": 1,
"title": "delectus aut autem",
"completed": false
},
{
"userId": 1,
"id": 2,
"title": "quis ut nam facilis et officia qui",
"completed": false
},
{
"userId": 1,
"id": 3,
"title": "fugiat veniam minus",
"completed": false
},
[...]
I have to separate following selected result from above mentioned API, (It's Id is 187):
{
completed: false,
id: 187,
title: "consequuntur animi possimus",
userId: 10
}
For that I have used following JS code:
var targetID = 187; // need to filter with following ID
fetch('https://jsonplaceholder.typicode.com/todos/')
.then(response => response.json())
.then((data) => {
const result = data.filter(function (el) {
return el.id == targetID; // Changed the matching value
});
console.log('FIltered Value', result);
});
Working Fiddle https://jsfiddle.net/katheer_mizal/9jdh5wuy/1/
More Details: