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
Susan Sarandonasal
2024-12-23 11:00:41945semak imbas

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);

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);

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!

Kenyataan:
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