Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menyimpan dan Mengambil Tatasusunan JavaScript dengan Betul dalam LocalStorage?

Bagaimana untuk Menyimpan dan Mengambil Tatasusunan JavaScript dengan Betul dalam LocalStorage?

Susan Sarandon
Lepaskan: 2024-12-23 11:00:41
asal
921 orang telah melayarinya

How to Properly Store and Retrieve JavaScript Arrays in LocalStorage?

Cara Menyimpan Array dalam LocalStorage

Apabila bekerja dengan tatasusunan dalam JavaScript, terdapat senario di mana storan berterusan diperlukan untuk mengekalkan data melebihi jangka hayat satu halaman memuatkan. LocalStorage menyediakan penyelesaian yang mudah untuk tujuan ini, tetapi ciri uniknya memerlukan pendekatan khusus untuk menyimpan tatasusunan.

Dalam coretan kod yang diberikan, percubaan dibuat untuk menyimpan tatasusunan terus dalam localStorage menggunakan sintaks localStorage[nama ]. Walau bagaimanapun, pendekatan ini tidak betul kerana localStorage hanya menyokong rentetan. Untuk mengatasi had ini, penyelesaiannya terletak pada menukar tatasusunan kepada rentetan menggunakan JSON.stringify() sebelum menyimpannya ke localStorage.

Berikut ialah kod yang diperbetulkan:

// Convert the array to a string using JSON.stringify()
var namesString = JSON.stringify(names);

// Store the string in localStorage
localStorage.setItem("names", namesString);

//...

// Retrieve the stored string from localStorage
var storedNamesString = localStorage.getItem("names");

// Convert the string back to an array using JSON.parse()
var storedNames = JSON.parse(storedNamesString);
Salin selepas log masuk

Sebagai alternatif, a pendekatan yang lebih ringkas ialah menggunakan akses terus untuk menetapkan dan mendapatkan item dalam localStorage, seperti yang ditunjukkan di bawah:

// Convert the array to a string using JSON.stringify()
localStorage.names = JSON.stringify(names);

// Retrieve the stored string from localStorage
var storedNames = JSON.parse(localStorage.names);
Salin selepas log masuk

Dengan menggunakan JSON.stringify() dan JSON.parse(), anda boleh menyimpan dan mendapatkan semula tatasusunan dalam localStorage dengan berkesan, memastikan penyimpanan data anda berterusan.

Atas ialah kandungan terperinci Bagaimana untuk Menyimpan dan Mengambil Tatasusunan JavaScript dengan Betul dalam LocalStorage?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan