Nhận khóa HTML5 localStorage

Tôi chỉ tự hỏi làm thế nào để có được tất cả các giá trị quan trọng localStorage.

Tôi đã cố gắng truy xuất các giá trị bằng một vòng lặp JavaScript đơn giản

for (var i=1; i <= localStorage.length; i++)  {
   alert(localStorage.getItem(i))
}

Nhưng nó chỉ hoạt động nếu các khóa là số lũy tiến, bắt đầu từ 1.

Làm cách nào để có được tất cả các phím, để hiển thị tất cả dữ liệu có sẵn?

trong ES2017 bạn có thể sử dụng:

Object.entries(localStorage)

for (var key in localStorage){
   console.log(key)
}

EDIT: câu trả lời này đang nhận được rất nhiều sự ủng hộ, vì vậy tôi đoán đó là một câu hỏi phổ biến. Tôi cảm thấy như mình nợ nó với bất kỳ ai có thể vấp phải câu trả lời của tôi và nghĩ rằng nó "đúng" chỉ vì nó được chấp nhận để thực hiện cập nhật. Sự thật là, ví dụ trên không thực sự là cách đúng đắn để làm điều này. Cách tốt nhất và an toàn nhất là làm như thế này:

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.getItem( localStorage.key( i ) ) );
}

Tôi muốn tạo ra một đối tượng dễ nhìn thấy từ nó như thế này.

Object.keys(localStorage).reduce(function(obj, str) { 
    obj[str] = localStorage.getItem(str); 
    return obj
}, {});

Tôi cũng làm một điều tương tự với cookie.

document.cookie.split(';').reduce(function(obj, str){ 
    var s = str.split('='); 
    obj[s[0].trim()] = s[1];
    return obj;
}, {});

function listAllItems(){  
    for (i=0; i<=localStorage.length-1; i++)  
    {  
        key = localStorage.key(i);  
        alert(localStorage.getItem(key));
    }  
}

Bạn có thể sử dụng localStorage.key(index)hàm để trả về chuỗi đại diện, indexđối tượng thứ n mà bạn muốn lấy.

Nếu trình duyệt hỗ trợ HTML5 LocalStorage, nó cũng sẽ triển khai Array.prototype.map, cho phép điều này:

Array.apply(0, new Array(localStorage.length)).map(function (o, i) {
    return localStorage.key(i);
})

Vì câu hỏi đề cập đến việc tìm khóa, tôi đoán rằng tôi muốn đề cập rằng để hiển thị mọi cặp khóa và giá trị, bạn có thể làm như thế này (dựa trên câu trả lời của Kevin):

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  console.log( localStorage.key( i ) + ": " + localStorage.getItem( localStorage.key( i ) ) );
}

Điều này sẽ ghi lại dữ liệu theo định dạng "key: value"

(Kevin: cứ thoải mái đưa thông tin này vào câu trả lời của bạn nếu bạn muốn!)

Điều này sẽ in tất cả các khóa và giá trị trên localStorage:

ES6:

for (let i=0; i< localStorage.length; i++) {
    let key = localStorage.key(i);
    let value = localStorage[key];
    console.log(`localStorage ${key}:  ${value}`);
}

Bạn có thể nhận được các khóa và giá trị như thế này:

for (let [key, value] of Object.entries(localStorage)) {
  console.log(`${key}: ${value}`);
}

Tôi đồng ý với Kevin anh ấy có câu trả lời hay nhất nhưng đôi khi khi bạn có các khóa khác nhau trong bộ nhớ cục bộ của mình với cùng một giá trị, ví dụ bạn muốn người dùng công khai của bạn xem họ đã thêm các mục của họ vào giỏ bao nhiêu lần, bạn cần cho họ xem số lần là tốt sau đó bạn ca sử dụng này:

var set = localStorage.setItem('key', 'value');
var element = document.getElementById('tagId');

for ( var i = 0, len = localStorage.length; i < len; ++i ) {
  element.innerHTML =  localStorage.getItem(localStorage.key(i)) + localStorage.key(i).length;
}

Đối với những người đề cập đến việc sử dụng Object.keys(localStorage)... đừng vì nó sẽ không hoạt động trong Firefox (trớ trêu thay vì Firefox trung thành với thông số kỹ thuật). Xem xét điều này:

localStorage.setItem("key", "value1")
localStorage.setItem("key2", "value2")
localStorage.setItem("getItem", "value3")
localStorage.setItem("setItem", "value4")

Bởi vì khóa, getItem và setItem là các phương thức nguyên mẫu Object.keys(localStorage)sẽ chỉ trả về ["key2"].

Bạn tốt nhất để làm một cái gì đó như thế này:

let t = [];
for (let i = 0; i < localStorage.length; i++) {
  t.push(localStorage.key(i));
}

Chúng tôi cũng có thể đọc theo tên.

Giả sử chúng tôi đã lưu giá trị với tên 'người dùng' như thế này

localStorage.setItem('user', user_Detail);

Sau đó chúng ta có thể đọc nó bằng cách sử dụng

localStorage.getItem('user');

Tôi đã sử dụng nó và nó đang hoạt động trơn tru, không cần phải thực hiện vòng lặp for