Local Storage là gì?

Mục lục
Local Storage là gì?
Là một phần tích hợp sẵn trong Browser giúp lưu trữ và truy vấn dữ liệu vô thời hạn trong trình duyệt của người dùng.
Dữ liệu chỉ mất khi bạn sử dụng chức năng Clear History của trình duyệt, hoặc localStorage API để xóa
Local Storage không gửi thông tin lên Server như Cookie
Local Storage cho phép bạn lưu trữ tối đa đến 5MB
Các trình duyệt hỗ trợ Local Storage
Hiện nay, có thể kể đến các cái tên có thể hỗ trợ local storage như Google Chrome, Edge, Internt Explorer, Firefox, Safari, Operamini

Kiểm tra trình duyệt hỗ trợ LocalStorage hay không?
Để kiểm tra trình duyệt có hỗ trợ Local Storage hay không, ta sử dụng typeof(Storage). Bạn có thể tham khảo thêm ví dụ bên dưới đây:
if (typeof(Storage) !== "undefined") {
// Có hỗ trợ localStorage
console.log(localStorage.length);
} else {
// Không hỗ trợ localStorage
alert('Rất tiếc, trình duyệt của bạn không hỗ trọ local Storage);
}
Các lệnh sử dụng trong local Storage
Khởi tạo
Để khởi tạo Local Storage ta sử dụng setItem như bên dưới
localStorage.setItem('key', 'value');
hoặc
localStorage.key = 'value';
hoặc
localStorage['key'] = 'value';
Với: key là tên biến, value là giá trị của biến
Lấy giá trị
Sử dụng getItem để lấy giá trị từ Local Storage
localStorage.getItem('key');
hoặc
localStorage.key;
Ví dụ:

Lấy số lượng Local Storage
Sử dụng length để lấy số lượng Local Storage
localStorage.length();
Ví dụ:
if (typeof(Storage) !== "undefined") {
// Có hỗ trợ localStorage
console.log(localStorage.length);
} else {
// Không hỗ trợ localStorage
alert('Rất tiếc, trình duyệt của bạn không hỗ trọ local Storage);
}
Xóa 1 biến trong Local Storage
Sử dụng removeItem để xoá 1 biến trong Local Storage
localStorage.removeItem(key);
Xóa tất cả biến trong Local Storage
Để xoá tất cả các biến trong Local Storage ta sử dụng clear như ví dụ bên dưới đây
localStorage.clear();
Xem Local Storage trên Browser:

Như vậy, qua bài viết “Local Storage là gì?” hy vọng các bạn hiểu thêm kiến thức về Local Storage!