通过输入值从本地存储中删除数组中的元素

Question

我有一个保存在localstorage中的数组，并尝试根据输入值删除元素onclick。 我有下面的代码，但无法正常工作。 请帮助，在此先感谢:)

var datarray = [];

function deldata() {

  // retrieve stored data (JSON stringified) and convert
  var storedData = localStorage.getItem("list_data_key");
  if (storedData) {
    datarray = JSON.parse(storedData);
  }


var titleValue = document.getElementById('listxt').value;
// Find and remove item from an array
var i = array.indexOf(titleValue);
if(i != -1) {
    array.splice(i, 1);
}
localStorage.setItem("list_data_key", JSON.stringify(datarray));
  datapost();
}

的jsfiddle

Answer 1

注意您的变量名。

function deldata() {
  // retrieve stored data (JSON stringified) and convert
  var storedData = localStorage.getItem("list_data_key");
  if (storedData) {
    datarray = JSON.parse(storedData);
  }

  var titleValue = document.getElementById('listxt').value;
  // Find and remove item from an array
  var i = datarray.indexOf(titleValue);  //  HERE  (was 'array')
  if(i != -1) {
    datarray.splice(i, 1);  //  HERE  (was 'array')
  }
  localStorage.setItem("list_data_key", JSON.stringify(datarray));
  datapost();
}

Answer 2

更改

var i = array.indexOf(titleValue);
if(i > -1) {
    array.splice(i, 1);
}

至

var i = datarray.indexOf(titleValue);
if(i > -1) {
    datarray.splice(i, 1);
}