Bagaimanakah Saya Boleh Menyimpan dan Mendapatkan Objek JavaScript dalam HTML5 localStorage dan sessionStorage?

Menyimpan Objek dalam HTML5 localStorage dan sessionStorage

Objek tidak disokong secara asli dalam localStorage atau sessionStorage HTML5. Percubaan untuk menyimpan objek secara langsung akan menyebabkan objek itu disirikan kepada rentetan.

Untuk memintas pengehadan ini, pertimbangkan penyelesaian berikut:

1. Stringify Objek: Sebelum menyimpan objek, tukarkannya menjadi rentetan JSON menggunakan JSON.stringify.
2. Simpan String: Tetapkan rentetan JSON kepada kunci dalam localStorage atau sessionStorage menggunakan setItem('key', JSON_string).
3. Dapatkan String: Apabila mengambil objek, dapatkan rentetan JSON menggunakan getItem('key').
4. Parse the String: Tukar rentetan yang diambil semula menjadi objek menggunakan JSON.parse.

Contoh:

const testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Stringify and store
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve and parse
const retrievedObject = JSON.parse(localStorage.getItem('testObject'));

console.log('Retrieved object:', retrievedObject);

Teknik ini membolehkan anda menyimpan dan mendapatkan semula objek JavaScript dalam localStorage dan sessionStorage walaupun mereka sifat storan berasaskan rentetan yang wujud.

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