Question

function createItem() {
  localStorage.setItem("test_11", "Lorem ipsum_21");
  localStorage.setItem("test_12", "Lorem ipsum_22");
  localStorage.setItem("test_16", "Lorem ipsum_253");
  localStorage.setItem("test_14", "Lorem ipsum_24");
}

function readValue() {
  var ele = document.getElementById("reports");
  // Get ALL local storage items within the browser using key value pair
  for (var i = 0, len = localStorage.length; i < len; i++) {
    var key = localStorage.key(i);
    var value = localStorage[key];
    ele.innerHTML += (key + " => " + value) + "\n";
  }
}

<h1>The set the local Storage</h1>
<button onclick="createItem()">Set session storage item</button>
<h2>Get the value</h2>
<p>Click the button to get the item value:</p>
<button onclick="readValue()">Get the item value</button>
<br/>
<textarea rows="10" cols="60" id='reports'>
 </textarea>

Answer 1

您可以通过在forloop中进行少量更改来反转顺序。更改i = localStorage.length和len = 0并使条件大于，而不是增加就可以减少

请参见以下代码段

for (var i = localStorage.length, len = 0; i > len; i--) {
    var key = localStorage.key(i);
    var value = localStorage[key];
    console.log(key , value)
  }

Javascript localStorage以相反的顺序显示

1 个答案: