Bagaimanakah Saya Boleh Menyimpan Data Bukan Rentetan dalam HTML5 LocalStorage/SessionStorage?

Cara Menyimpan Bukan Rentetan dalam HTML5 LocalStorage/SessionStorage

Berbeza dengan jenis dan tatasusunan primitif, menyimpan objek JavaScript terus dalam storan HTML5 mengakibatkan penukaran mereka kepada rentetan. Had ini telah menjadi topik perdebatan, yang membawa kepada kekeliruan dalam kalangan pembangun.

Menurut spesifikasi Storan Web HTML5, kaedah setItem() menjangkakan pasangan kunci/nilai sebagai rentetan. Untuk mengatasi had ini, pertimbangkan penyelesaian berikut:

Pensirilan dan Penyahserikatan JSON

Untuk menyimpan objek dalam storan HTML5, tukarkannya kepada rentetan JSON menggunakan JSON.stringify (). Selepas mendapatkan semula, huraikan rentetan JSON kembali ke dalam objek menggunakan JSON.parse().

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

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = JSON.parse(localStorage.getItem('testObject'));

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

Contoh Output:

Retrieved object: { one: 1, two: 2, three: 3 }

Dengan mensiri objek sebelum menyimpan dan menyahsirinya selepas mendapatkan semula, anda boleh menyimpan dan mendapatkan semula objek JavaScript dalam storan HTML5 dengan berkesan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyimpan Data Bukan Rentetan dalam HTML5 LocalStorage/SessionStorage?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!