Bagaimanakah Saya Boleh Menyimpan dan Mendapatkan Objek JavaScript Kompleks dalam Storan Setempat dan Sesi HTML5?

Penyimpanan Objek dalam HTML5 Tempatan dan Storan Sesi

Pertanyaan:

Storan tempatan HTML5 dan sessionStorage membolehkan penyimpanan yang cekap bagi jenis dan tatasusunan JavaScript primitif. Walau bagaimanapun, apabila cuba menyimpan objek JavaScript yang kompleks, objek tersebut nampaknya ditukar secara tidak sengaja kepada rentetan. Memahami sebab di sebalik tingkah laku ini dan meneroka kemungkinan penyelesaian adalah penting.

Respons:

Menurut spesifikasi Storan Web HTML5, fungsi storan direka terutamanya untuk mengendalikan kunci /value pairs, dengan kedua-dua kunci dan nilai adalah rentetan. Akibatnya, objek kompleks tidak boleh disimpan terus.

Penyelesaian:

Untuk memintas pengehadan ini, anda boleh menggunakan penyelesaian mudah dengan menukar objek kepada rentetan:

<br>// Simpan objek sebagai string<br>localStorage.setItem('testObject', JSON.stringify(testObject));</p>
<p>// Dapatkan semula objek yang disimpan<br>var retrievedObject = localStorage.getItem('testObject');<br> 

Apabila mendapatkan semula nilai yang disimpan, anda boleh tukarkannya kembali kepada objek asal:

<br>// Bina semula objek<br>var reconstructedObject = JSON.parse(retrievedObject);<br>

Pendekatan ini membolehkan anda menyimpan dan mendapatkan semula objek kompleks dengan cekap.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyimpan dan Mendapatkan Objek JavaScript Kompleks dalam Storan Setempat dan Sesi HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!