Storing Objects with Local Storage in JavaScript

Подписаться 134 тыс.

Просмотров 168 тыс.

50% 1

The limitations of using Local Storage in JavaScript is that you are only able to store data as Strings. In this video, I take you through how to work around this and make it possible to store complex objects with Local Storage.
We can achieve this by serializing (JSON.stringify) the object to store it, and then de-serializing (JSON.parse) it to access it again.
Check this out:
developer.mozi...
Follow me on Twitter @dcode!
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #webdev

Опубликовано:

8 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 79

@Agustin-jo8mv 2 года назад

I think this is the most basic explanation on local storage thank you. I have really been having a rough time getting my head around this simple concept. lol

@erikdong 2 года назад

Thank you for making this breakdown and walk through! Super helpful.

@silviatriscova433 5 лет назад

This explanation helped me A LOT, thanks!!!

@dcode-software 5 лет назад

No problems at all mate, cheers

@stardust6998 4 месяца назад

amazing breakdown, thanks for the straight forward explanation!

@xsocalxryan 10 месяцев назад

Excellent explanation of local storage. Other videos I've watched really complicated it. Thanks!

@morchellemusic2829 2 года назад

here after you video on js classes, great content thanks

@raven.4815 Год назад

Simplest video of this topic I've seen, thanks!

@pranitchavan4549 3 года назад

Damn you really care about naming variables xD Great Video

@mikedev22 2 года назад

I was stuck on figuring this out. Thanks for the help!

@ministerdjspliff 5 лет назад

Cheers man. Nice clarification.

@dcode-software 5 лет назад

You're welcome 😁

@educationaltechnology8363 Год назад

Wow! I liked the simplicity! Thanks

@aditgaur1585 3 года назад

Short video but great content, I was stuck the why was it saying [Object object] but this helped a lot, Thanks! :)

@dcode-software 3 года назад

Glad it helped!

@aditgaur1585 3 года назад

😊

@Ace_Qnemes 4 года назад

Super clear and nice explanation. Thanks!

@smurffronda2951 3 года назад

thanks bro so much, have a great week!

@sh9vch9nk0 7 месяцев назад

Great video, helped me a lot! Thank you 💓💓👍👍

@coderjag8828 2 года назад

Thanks for this explanation!

@BlakeLein 2 года назад

Seriously - great video! Super helpful.

@eva354 10 месяцев назад

Thank you!

@vaibhav_d7899 3 года назад

Great explanation

@sunnyjoshi3405 5 лет назад

Nice..Its really helpfull

@dcode-software 5 лет назад

Yeah not bad!

@angladephil 5 лет назад

Bravo ! Neat, clear, professional. Thx a lot.

@AndrewOnTestingCars 4 года назад

Thanks very much! Great video. simple and straight forward

@NghiaTran-lp4xh 5 лет назад

what should you do if you wnat to display the value u stored in the storage ? which function would you use to display both name and age ?

@jasongrace6274 3 года назад

This helped. Thanks. I would recommend you to use a dark theme please. This irritates the eye a lot.

@dcode-software 3 года назад

No problem. All my new videos from like 2019+ are in dark theme

@wduandy 3 года назад

This helped me a lot! Thanks!!

@earnwithvky39 Год назад

Thanks Bro

@anurajms Год назад

thank you

@Chrisallengallery 3 года назад

You just saved my bacon! Thank you!

@dcode-software 3 года назад

How? Genuinely curious what you mean by this

@Chrisallengallery 3 года назад

@@dcode-software It's a British phrase that means 'you just saved me from messing up'. Or in my case, wasting time searching for this solution

@saadelkammah5497 3 года назад

Thank you so much , but I have question ,Can I trace variables in JS with vs Code as we do with visual studio?

@Omar_Muhammad 2 года назад

Thanks.

@angelrivera4491 6 лет назад

hey thank you so much !! good video !!

@dcode-software 6 лет назад

No worries friend!

@josephafa 4 года назад

Thanks for the vid!

@umardarazofficials3529 23 дня назад

Love you 😍😍😍

@hoshi411 Год назад

How do you recommend storing images? Do you recommend serializing them?

@tjejenathina3829 2 месяца назад

thanks :)

@setshow9135 Год назад

Appreciate it

@fahemzoldyck1729 4 года назад

Thanks , very helpful ! Nne of my object's keys has an array as a value. I tried to JSON.stingify the whole thing but the content inside the array was saved an empty array ! do you know maybe why this is happening ?

@pixosdesigne4828 3 года назад

u had a mistake at "stingify" => "stringify"

@PurpleGreenLeaf 2 года назад

Thanks! :-)

@NightDunk 4 года назад

well explained :)

@antdx316 7 месяцев назад

When it's stored in local storage, what do you do with it as a developer wise?

@718liveyanard4 2 года назад

Can you please say how to display the selected checkbox value and radio button value in next page

@HyperActive94 5 лет назад

great video!

@amitj853 Год назад

Until when local storage will hold the data init? Browser's cache is cleared?

@jorgedelcampo6707 5 лет назад

Hi dCode, great video! Please help me. How i can adding multiple json elements to the same storage item?

@dcode-software 5 лет назад

You could just JSON serialise an array of objects

@hedjerci.g8797 3 года назад

WOW explaination

@dimtodim 5 лет назад

god dammit u r god in less than 7min great job m8 :) do u have video how read date from object on local storage???

@shadowrebels1623 6 месяцев назад

Simplified ❤❤❤❤✨✨✨✨

@johnvincentjimar4157 2 месяца назад

Explanation is good but why is your vscode on light mode😵

@israelipanda6096 8 месяцев назад

I guess it works with arrays as well right?

@SMondalYT 6 лет назад

sir, How can I store the content of the localstorage into simple os files, or is it stored somewhere else ?

@dcode-software 6 лет назад

Hey there, what do you mean by "Simple OS files"? If you mean files about the Operating System, you'd be unable to save to locally to the disk

@SMondalYT 6 лет назад

I have a javascript file running in the local server. When I write "console.log(data)" its printing the data in the console , but I need that data to access in matlab anyhow

@dcode-software 6 лет назад

If you're running a Node server you should be able to simply write the contents of local storage (wherever it may come from) to the disk. Otherwise I'm not entirely sure what the question is 😥