JSON in 5 slices
Hendrik Van Belleghem
Vlaanderen.pm

JSON in 5 slices
Hendrik Van Belleghem
Vlaanderen.pm

What is JSON?

What is JSON?

What is JSON?
• Obviously not Perl!

What is JSON?
• Obviously not Perl!
• Poor man’s (Javascript’s) data serialization

What is JSON?
• Obviously not Perl!
• Poor man’s (Javascript’s) data serialization
• Complex data structures

What is JSON?
• Obviously not Perl!
• Poor man’s (Javascript’s) data serialization
• Complex data structures
• Can be eval’ed

What is JSON?
• Obviously not Perl!
• Poor man’s (Javascript’s) data serialization
• Complex data structures
• Can be eval’ed
• Human readable

What is JSON?
• Obviously not Perl!
• Poor man’s (Javascript’s) data serialization
• Complex data structures
• Can be eval’ed
• Human readable
• Hotter than Megan Fox’ pants!

The Plot

The Plot

The Plot
var Plot = { "Location": "Crystal Lake", // Hash
"Killers": [ "Mrs Voorhees", "Jason Voorhees", "Roy Burns" ], // Hash with array
"Synopsis": "Guy with hockey mask kills people who visit Crystal Lake",
"How To Kill": // Hash with hash ; Name contains spaces ;-)
{ "Mrs Voorhees": "Decapitate",
"Jason Voorhees": [ "Machete", "Axe to the head", "Drowning", // Array
"Dragged underwater", "Melted by toxic waste", // within
"Stabbed with Mystical Dagger", "Ejected into space" // hash
],
"Roy Burns": "Steel spikes"
},
"Lessons Learned": "Don't have sex when you visit Crystal Lake"
}

The Twist

The Twist

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }
// No standard naming possible, use [ “ “ ] to read how to kill Mrs Voorhees
document.write(Plot["How To Kill"]["Mrs Voorhees"]);

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }
// No standard naming possible, use [ “ “ ] to read how to kill Mrs Voorhees
document.write(Plot["How To Kill"]["Mrs Voorhees"]);

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }
// No standard naming possible, use [ “ “ ] to read how to kill Mrs Voorhees
document.write(Plot["How To Kill"]["Mrs Voorhees"]);
// Array within array..
// OMGWTFBBQ He's alive!!?! How do I kill Jason??
for(i=0; i < Plot["How To Kill"]["Jason Voorhees"].length ; i++)
{ document.write(Plot["How To Kill"]["Jason Voorhees"][i]); }

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }
// No standard naming possible, use [ “ “ ] to read how to kill Mrs Voorhees
document.write(Plot["How To Kill"]["Mrs Voorhees"]);
// Array within array..
// OMGWTFBBQ He's alive!!?! How do I kill Jason??
for(i=0; i < Plot["How To Kill"]["Jason Voorhees"].length ; i++)
{ document.write(Plot["How To Kill"]["Jason Voorhees"][i]); }

The Twist
document.write(Plot.Location); // Standard naming
document.write(Plot.Synopsis); // Standard naming
// Iterate through array
for(i=0; i < Plot.Killers.length ; i++) // Who are the killers?
{ document.write(document.write(Plot.Killers[i]);); }
// No standard naming possible, use [ “ “ ] to read how to kill Mrs Voorhees
document.write(Plot["How To Kill"]["Mrs Voorhees"]);
// Array within array..
// OMGWTFBBQ He's alive!!?! How do I kill Jason??
for(i=0; i < Plot["How To Kill"]["Jason Voorhees"].length ; i++)
{ document.write(Plot["How To Kill"]["Jason Voorhees"][i]); }
// And finally, what have we learned of this carnage?
document.write(Plot.["Lessons Learned"]);

The End!

The End!

The End!
• Square brackets are for arrays

The End!
• Square brackets are for arrays
• except when you’re using non-standard names

The End!
• Square brackets are for arrays
• except when you’re using non-standard names
• Curly braces are for hash-like structures

The End!
• Square brackets are for arrays
• except when you’re using non-standard names
• Curly braces are for hash-like structures
• Use colons to separate names and values

The End!
• Square brackets are for arrays
• except when you’re using non-standard names
• Curly braces are for hash-like structures
• Use colons to separate names and values
• Separate elements with a comma

The End!
• Square brackets are for arrays
• except when you’re using non-standard names
• Curly braces are for hash-like structures
• Use colons to separate names and values
• Separate elements with a comma
• Don't have sex when you visit Crystal Lake!