Before starting with CRUD operations, recommend learn about:
CRUD operations are things that you going to make all your life as a programmer.
With JSON can use a clever data structure to avoid brute force search with for loops. Using the "character" name as "Primary Key".
Game of Thrones Example
Data
var got = {
" Jon Snow " : { " name " : " Kit Harington " , " gender " : " Male " , " house " : " Starks " },
" Daenerys " : { " name " : " Emilia Clarke " , " gender " : " Female " , " house " : " Targaryens " },
" Tyrion " : { " name " : " Peter Dinklage " , " gender " : " Male " , " house " : " Lanisters " }
}
Enter fullscreen mode
Exit fullscreen mode
Add character (C reate):
// hidden setup JavaScript code goes in this preamble area
var got = {
"Jon Snow": {"name": "Kit Harington", "gender": "Male", "house": "Starks"},
"Daenerys": {"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
"Tyrion": {"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
}
// Click [RUN] button to see result
var characterObject = {
"name": "Bella Ramsey",
"gender": "Female",
"house": "Mormonts"
};
var character = "Lyanna";
got[character] = characterObject;
console.log(got)
Find character (R ead):
// hidden setup JavaScript code goes in this preamble area
var got = {
"Jon Snow": {"name": "Kit Harington", "gender": "Male", "house": "Starks"},
"Daenerys": {"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
"Tyrion": {"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
}
// Click [RUN] button to see result
var character = "Tyrion"; // Or whatever
var result = got[character];
console.log(result)
console.log(result.name)
console.log(result.gender)
console.log(result.house)
Update character (U pdate):
// hidden setup JavaScript code goes in this preamble area
var got = {
"Jon Snow": {"name": "Kit Harington", "gender": "Male", "house": "Starks"},
"Daenerys": {"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
"Tyrion": {"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
}
// Click [RUN] button to see result
var character = "Jon Snow";
got[character].house = "Targaryens"
var result = got[character];
console.log(result)
Remove Character (D elete):
// hidden setup JavaScript code goes in this preamble area
var got = {
"Jon Snow": {"name": "Kit Harington", "gender": "Male", "house": "Starks"},
"Daenerys": {"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
"Tyrion": {"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
}
// Click [RUN] button to see result
var character = "Tyrion";
delete got[character];
console.log(got)
Alternative Structure
Maybe it's a little good looking, but you need to deal with array of positions on CRUD operations.
// hidden setup JavaScript code goes in this preamble area
//Data
var got = {
"index": {
"Jon Snow": 0, "Daenerys": 1, "Tyrion": 2
},
"data": [
{"name": "Kit Harington", "gender": "Male", "house": "Starks"},
{"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
{"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
]
}
var character = "Daenerys";
var index = got.index[character];
var data = got.data[index];
console.log(data);
That’s All Folks! Happy Coding 🖖
Top comments (12)
hhh i like it really ... thank you
why i get a problem Expected a JSON object, array or literal just for the data
Please add an image or the code where you get the error and the operation your are trying to do.
pardon me, is there any tutorial video for this program? or like the detail steps from the start
I do have one, but in spanish: Curso de JSON de Novato a Experto.
You can run those commands in a Browser Terminal (Developer Mode) or in a programm called Run JS
thank you sm sir, i just used RunJS program for this and it was easier...
Hey Camilo, instead of using delete, you could set the pointer to null. #perfTip :p
Sorry I'm lost, could you please write the example code?
On
deleteoperation you can usegot[character] = null;instead ofdelete got[character];. Take a look on jsperf.com/delete-vs-undefined-vs-...Not works as CRU*D* operation, because the 'character' is not removed, just the values are replaced by
null.I tested changing on Delete script. When run the script show:
Tyrion: null.Can be used if you want leave the character, but remove his data.
Nice link BTW. I did not know about the performance comparison between
nullanddeleteSome comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more