Nested JSON Voorbeeld JavaScript

Nested JSON Voorbeeld JavaScript. Als je hierna zoekt dan weet je waarschijnlijk al iets van JSON en JavaScript. Voor de mensen die hier iets meer van willen weten laat ik hier een voorbeeld zien met filter optie.

Wat is JSON

JSON staat voor JavaScript Object Notation. Het is een manier om objecten volgens een bepaalde manier te noteren. JSON is enorm populair om data op te slaan en uit te wisselen met andere applicaties. Zo kun je data bijvoorbeeld opslaan in MySQL server en deze via een API (“Application Programming Interface”) terug zenden in JSON. Met JavaScript kun je deze gegevens verwerken in je website applicatie.

Wat is een REST API

Een REST API is een “Application Programming Interface” . Dit zorgt ervoor dat verschillende software applicaties met elkaar kunnen communiceren. REST (Representational State Transfer) is een ontwerp style voor het maken van API’s.

Wat is een API Client?

Hoe werkt JavaScript?

Wat zijn objecten in JavaScript

Voorbeeld Nested JSON / JavaScript Object

var taakdata = {
    "taakNotieKenmerken" : [
      {
        "taaknotitieId": "202200001",
        "followupdatum": "21-3-2022",
        "medewerker": "Thomas",
        "taaksoort": [
          "taak",
          "terugbellen"
          ],
        "campagnes": [
          "Internet Marketing Academy",
          "SEO Courses",
          "Webwinkel Dropshipping"
          ],
        "bedrijfskoppeling" : "NETFLIX",
        "taakomschrijving" : "AWS GraphQL probleem verhelpen",
        "notitieomschrijving" : `Programmeur heeft een probleem met zijn AWS GraphQL Schema`,
      },
      {
        "taaknotitieId": "202200002",
        "followupdatum": "25-4-2022",
        "medewerker": "Thomas Gaspersz",
        "taaksoort": [
          "Fotografie"
          "Marketing en Sales Follow-up"
          ],
        "campagnes": [
          "Internet Marketing Programmeren",
          "Adobe Photoshop"
          ],
        "bedrijfskoppeling" : "Influencer Model Agency",
        "taakomschrijving" : "Instagram Fotografie",
        "notitieomschrijving" : `Influencer wil graag sneller groeien op Instagram`,
      }
    ]
  }

  var data = [] // hier komt de gefilterde data in te staan
  var campagnefilter = "Internet Marketing Programmeren" // filter
  var taakfilter = "Taak" // taakfilter

  //functie om de filters toe te passen

  for (var i in taakdata['taakNotieKenmerken']){

   var filtercampagnes = taakdata['taakNotieKenmerken'][i]['campagnes']
   var filtertaaksoort = taakdata['taakNotieKenmerken'][i]['taaksoort']
    for (var j in filtercampagnes){
      if (campagnefilter == filtercampagnes[j] || taakfilter == filtertaaksoort[j]){
        data.push(taakdata['taakNotieKenmerken'][i])
        continue
      }
    }
  }
  console.log(data)

Deze functie van Internet Marketing Academy kun je uitproberen op playcode.io

JSONpath filter voor JavaScript.

Wil je niet te veel tijd spenderen aan het maken van functies voor het ophalen van de gewenste data uit je JSON data? Maak dan gebruik van de JSONpath functie. Deze functie kun je hier downloaden: https://code.google.com/archive/p/jsonpath/

 var ima = {
   "store": {
     "book": [
       {
         "category": "reference",
         "author": "Nigel Rees",
         "title": "Sayings of the Century",
         "price": 8.95
       },
       {
         "category": "fiction",
         "author": "Herman Melville",
         "title": "Moby Dick",
         "isbn": "0-553-21311-3",
         "price": 8.99
       },
       {
         "category": "fiction",
         "author": "J.R.R. Tolkien",
         "title": "The Lord of the Rings",
         "isbn": "0-395-19395-8",
         "price": 22.99
       }
     ],
     "bicycle": {
       "color": "red",
       "price": 19.95
     }
   },
   "expensive": 10
 }
 
   var internetmarketingacademy_1 = jsonPath(ima, "$..book[?(@.isbn== '0-395-19395-8')]")  
   var internetmarketingacademy_2 = jsonPath(ima, "$..book[?(@.price < 9)]")  
   var internetmarketingacademy_3 = jsonPath(ima, "$..author", {resultType:"PATH"})        
   
   console.log(internetmarketingacademy_1)
   console.log(internetmarketingacademy_2)
   console.log(internetmarketingacademy_3)