Mendedahkan storan setempat: meneroka sifat sebenarnya

Ketahui lebih lanjut tentang storan setempat: apakah sebenarnya? , memerlukan contoh kod khusus

Artikel ini akan menyelidiki apa itu localstorage fail dan menyediakan contoh kod khusus untuk membantu pembaca memahami dan menggunakan localstorage dengan lebih baik.

Localstorage ialah mekanisme untuk menyimpan data dalam pelayar web. Ia mencipta fail setempat dalam penyemak imbas pengguna yang menyimpan data nilai kunci. Fail ini kekal dan data disimpan walaupun selepas penyemak imbas ditutup. Berbanding dengan kuki, storan setempat mempunyai kapasiti storan yang lebih besar dan masa penyimpanan data yang lebih lama.

Di bawah kami menggunakan contoh kod khusus untuk lebih memahami penggunaan storan setempat.

Pertama, kita perlu memahami cara menggunakan storan setempat dalam penyemak imbas. Berikut ialah contoh mudah yang menunjukkan cara menyimpan data ke dalam localstorage:

// 存储数据到localstorage
localStorage.setItem('name', 'John');
localStorage.setItem('age', '25');

Dalam contoh ini, kami menggunakan kaedah setItem() untuk menyimpan nama dan umur ke dalam localstorage. Kita boleh menggunakan kaedah yang sama untuk menyimpan data lain.

Seterusnya, kita boleh menggunakan kaedah getItem() untuk mendapatkan data yang disimpan daripada localstorage:

// 从localstorage获取数据
var name = localStorage.getItem('name');
var age = localStorage.getItem('age');

console.log(name); // 输出: "John"
console.log(age); // 输出: "25"

Dalam contoh ini, kita menggunakan kaedah getItem() untuk mendapatkan nilai nama dan umur masing-masing, dan mencetaknya ke konsol itu.

Selain kaedah setItem() dan getItem(), localstorage juga menyediakan beberapa kaedah lain yang berguna, seperti removeItem() dan clear(). Kaedah

removeItem() digunakan untuk memadam item data yang ditentukan daripada localstorage:

// 从localstorage删除数据
localStorage.removeItem('name');

Dalam contoh ini, kami menggunakan kaedah removeItem() untuk memadamkan storan nama. Kaedah

clear() digunakan untuk memadam semua item data daripada localstorage:

// 从localstorage删除所有数据
localStorage.clear();

Dalam contoh ini, kami menggunakan kaedah clear() untuk memadam semua storan.

Selain menyimpan rentetan, localstorage juga boleh menyimpan objek. Kita boleh menukar objek kepada rentetan menggunakan kaedah JSON.stringify() dan menukar rentetan kembali kepada objek menggunakan kaedah JSON.parse(). Berikut ialah contoh menyimpan dan mendapatkan objek:

// 存储对象到localstorage
var user = { name: 'John', age: 25 };
localStorage.setItem('user', JSON.stringify(user));

// 从localstorage获取对象
var storedUser = JSON.parse(localStorage.getItem('user'));

console.log(storedUser.name); // 输出: "John"
console.log(storedUser.age); // 输出: "25"

Dalam contoh ini, kami menyimpan objek yang mengandungi nama dan umur ke dalam localstorage dan menukarnya kepada rentetan menggunakan kaedah JSON.stringify(). Kami menggunakan kaedah JSON.parse() untuk menukar rentetan kembali kepada objek dan mendapatkan data yang disimpan daripadanya.

Untuk meringkaskan, localstorage ialah mekanisme untuk menyimpan data dalam penyemak imbas Ia boleh mencipta fail setempat untuk menyimpan data pasangan nilai kunci. Artikel ini menunjukkan melalui contoh kod khusus cara menggunakan storan setempat untuk menyimpan dan mendapatkan data serta cara menyimpan dan mendapatkan objek. Saya harap artikel ini dapat membantu pembaca memahami dan mengaplikasikan localstorage dengan lebih baik.

Atas ialah kandungan terperinci Mendedahkan storan setempat: meneroka sifat sebenarnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!